Header Search Popup Pro is a commercial Joomla! 6 search module designed for site owners who want a cleaner, modern, and flexible search experience in the header area.

Instead of keeping a permanent search field visible at all times, the module opens the search interface only when needed. This helps reduce header clutter, saves valuable space, and provides a cleaner browsing experience across desktop and mobile devices.

The module supports both popup and fullscreen search modes and integrates with Joomla Smart Search, menu items, header icons, buttons, and custom CSS selectors.

Why use Header Search Popup Pro?

Header Search Popup Pro is designed for Joomla users who want a polished search experience without sacrificing header space or template flexibility.

It follows the modern Joomla module structure, uses Joomla Web Asset Manager for frontend and administrator assets, and is designed to work cleanly with Cassiopeia, Bootstrap-based templates, and third-party Joomla template frameworks.

Key Features

Popup and Fullscreen Search

Choose the search presentation that best fits your website:

• Popup search mode
• Fullscreen search mode
• Responsive mobile behavior
• Dynamic mobile breakpoint
• Smart viewport positioning
• Automatic vertical and horizontal collision handling
• ESC key and outside-click closing

Flexible Trigger Support

Open the search interface from different header elements:

• Menu icons
• Header buttons
• Custom CSS selectors
• Custom trigger classes
• Optional trigger URL support
• Multiple module instance support

The recommended trigger class is:

js-search-toggle

Joomla Smart Search Integration

Header Search Popup Pro works with Joomla Smart Search and includes improved routing support for:

• SEF URLs enabled
• SEF URLs disabled
• Joomla installations running from a subdirectory
• Custom search URLs

Template and Framework Integration

The module is designed to work cleanly with different Joomla templates.

Available styling integration options include:

• Configurable Submit Button CSS Class
• Optional Input CSS Class
• Bootstrap-compatible default button classes
• Support for template-specific classes such as Bootstrap, YOOtheme, Helix, and custom frameworks
• Minimal extension styling to avoid unnecessary template conflicts

The default submit button class is:

btn btn-primary

Layout and Style Control

Customize the search interface with practical settings including:

• Popup width
• Viewport spacing
• Top offset
• Border radius
• Input background
• Animation mode
• Animation duration
• Shadow strength
• Mobile breakpoint
• Alignment behavior

Accessibility Improvements

The module includes improved accessibility behavior such as:

• Keyboard navigation
• Focus management
• Focus restoration after closing
• Focus trapping in fullscreen mode
• Accessible dialog attributes
• Visible keyboard focus styles
• Reduced motion support

Performance and Joomla Integration

Header Search Popup Pro uses Joomla Web Asset Manager for cleaner asset loading and better browser caching.

Frontend JavaScript uses a shared event manager to avoid unnecessary duplicate event handlers when multiple module instances are published on the same page.

License Activation and Updates

Header Search Popup Pro includes integrated JoomTheme license activation and licensed Joomla update support.

License activation and deactivation requests use secure server-side validation and protected request handling.

Built for Real Joomla! Use Cases

Header Search Popup Pro is suitable for:

• Business websites
• Blogs and magazines
• Documentation websites
• Knowledge bases
• Content-heavy websites
• Corporate portals
• Modern Joomla headers with limited available space

Joomla Compatibility

• Joomla! 6.x
• Joomla! 6.1 compatible
• Modern Joomla MVC module structure
• Joomla Web Asset Manager integration
• Joomla Smart Search support
• Joomla Update System support

Conclusion

Header Search Popup Pro provides a modern and flexible search experience for Joomla! 6 websites.

With popup and fullscreen modes, Smart Search integration, responsive positioning, flexible trigger support, accessibility improvements, and template-friendly styling options, it is a practical solution for adding a cleaner search interaction to modern Joomla headers.

Latest Release: v1.1.26.10

Recent improvements in this release include:

• Improved Joomla! 6.1 compatibility.
• Migrated frontend and administrator assets to Joomla! Web Asset Manager.
• Improved license activation and deactivation security.
• Fixed frontend and administrator asset loading.
• Fixed Smart Search routing with SEF enabled or disabled.
• Fixed search routing on Joomla! installations running from a subdirectory.
• Improved popup positioning near viewport edges.
• Improved fullscreen search behavior.
• Improved dynamic mobile breakpoint handling.
• Improved keyboard navigation and focus management.
• Added reduced-motion accessibility support.
• Improved multiple module instance handling.
• Added configurable Submit Button CSS Class.
• Added optional Input CSS Class for better template integration.
• Improved Bootstrap 5 and Cassiopeia compatibility.
• Improved compatibility with third-party Joomla! templates and frameworks.
• Refined focus styles and frontend UI behavior.
• General stability, security, and maintenance improvements.