Configuring Responsive Mobile Layered Navigation

This topic describes how to set up checkbox feature only. We also recommend to read:

Contents:

Feature Description

On Mobile Devices - default setting for filter visibility on mobile devices. Can be changed for specific filter. For example all filters can be hidden except of several important ones. Or, opposite, all filters can be visible except specific several hidden ones.
- Yes - by default, filters will be visible on mobile devices
- No - by default, filters will be hidden on mobile devices

Enable Mobile Layered Navigation On Body Width - value in pixels. If page body width is less or equal this number of pixels, mobile layered navigation block will be shown instead of normal layered navigation. Leave empty to disable mobile layout feature. Note that mobile layout may require theme-related CSS changes.
Behavior . How mobile layered navigation block reacts on user taps:
- Accordion: one filter expanded at at time - when user taps on another filter, previously opened filter is closed.
- Initially collapsed, expanded manually - user can expand as much filters, as he wants, but they are collapsed initially
- Initially expanded, collapsed manually - all filters are expanded initially, user can close filters if he wants one by one manually.
Whole Block Is. Layered navigation on mobile devices block can be
- Initially collapsed
- Initially expanded
Animation Duration - Speed of sliding effect in milliseconds.

After configuration change it is recommended to refresh Magento cache in SYSTEM -> Cache Management.

All store filters are listed in MANADEV -> Filter Settings menu and every filter can be customized there individually.

On Mobile Devices - specific filter visibility on mobile devices
- Yes - the filter will be visible on mobile devices
- No - the filter will be hidden on mobile devices

After configuration change it is recommended to refresh Magento cache in SYSTEM -> Cache Management.