This module enhances how exposed filters appear on mobile devices. Instead of displaying all filters directly, it replaces them with a button that opens a multi-page overlay for a cleaner mobile experience. This ensures a seamless transition between desktop and mobile views while maintaining the same underlying markup.
This module changes Views exposed filters to show a multi-page overlay UI on mobile devices, while keeping them in the usual presentation on desktop sites. Transition is seamless as display size changes.
Features
This is the same UX pattern as used on many e-commerce sites:
- The exposed form is replaced with a single button to show filters
- Clicking the button opens a full page with an overview of all filters
- Clicking an item in the overview opens a full page with the options for that filter
The same markup is used for desktop and mobile, with the additional UI elements hidden on desktop devices.
Post-Installation
- Enable this module's Views Display Extender in Views advanced settings
- Enable the 'Show this exposed block as overlay pages on mobile' option in your view's 'Exposed form style' options.
Recommended modules/libraries
This module works with the filters from the Better Exposed Filters module, and with filters from version 3 of the Facets module.