About Contact Login

Header Search Popup Pro Documentation

Documentation

Welcome to the documentation for Header Search Popup Pro, a premium Joomla search module that adds a cleaner popup or fullscreen search experience to modern Joomla websites.

Use this guide to install the module, set up search triggers, configure layout and animation options, and integrate popup search into your header area.

Header Search Popup Pro helps you replace bulky header search fields with a cleaner popup or fullscreen search interface.

Main features
  • Popup and fullscreen search modes
  • Flexible trigger support
  • Smart header integration
  • Width and spacing controls
  • Responsive mobile behavior
  • Animation options
  • Style customization
  • License activation and update support
  1. Log in to your Joomla administrator panel.
  2. Go to System → Install → Extensions.
  3. Upload the Header Search Popup Pro package.
  4. Open the module from the Joomla module manager.
  5. Configure the layout, trigger, and style settings.
  6. Save and publish the module.

To receive updates and support, activate your license from the License tab.

  1. Open the module settings.
  2. Go to the License tab.
  3. Enter your license key and purchase email.
  4. Click Activate License.
  5. Save the module.

Choose how the search interface should appear.

Available layout options
  • Popup mode
  • Fullscreen mode
  • Width settings
  • Top offset
  • Mobile behavior

These settings help the search interface fit naturally into different Joomla headers.

Header Search Popup Pro supports flexible search triggers.

Recommended setup

Use a custom CSS selector such as:

.js-search-toggle
Optional trigger methods
  • CSS selector trigger
  • Search trigger URL
  • Menu icon integration

For multilingual or custom sites, a selector-based trigger is recommended instead of language-specific URLs.

Customize the visual appearance of the search popup with:

  • Background color
  • Border radius
  • Shadow strength
  • Animation style
  • Animation speed

Available animation examples:

  • Fade
  • Slide
  • Zoom

If you need help with configuration or trigger integration, contact support and include:

  • Joomla version
  • Module version
  • Trigger method used
  • Template name
  • Screenshots if needed
XPinterestWhatsAppTelegram
Log in