views_exposed_form_mobile
3 sites
No security coverage
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.