Magento 2 Layered Navigation Extension
Clearer layered navigation UX
- Auto-Open Filters Open key groups by default
- Sticky Sidebar Filters stay in view
- Hide Empty Filters Drop zero-result groups
- Collapse Controls Expand or collapse all
Clearer product discovery filters
Default Magento layered navigation can feel cluttered, with collapsed or empty groups that hide useful options. Layered Navigation UX adds auto-open filters, a sticky sidebar, hide-empty controls, and collapse/expand without changing native filter apply.
- Open chosen filter codes on desktop by default
- Sticky filter sidebar while scrolling on desktop
- Hide filter groups with no options
- Collapse or expand all filter groups in one control
- Fallback selected-filters summary when theme lacks one
Built for your store
Hyvä-first UX layer on Magento-native category and search filtering, with Luma-compatible fallbacks and admin toggles.
- Works with Magento 2.4.x Open Source & Adobe Commerce
- PHP 8.1–8.4 compatible
- Keeps Magento-native URLs and full-page filter reload
- Configure under Catalog Layered Navigation UX
- Affects category and catalog search result pages
How It works
See It In Action
Layered Navigation UX for Magento 2
The Toweringmedia Layered Navigation UX extension improves filter discoverability and interaction quality on Magento 2 category and catalog search pages. It is a UX layer on Magento’s native layered navigation: filtering still uses Magento-native URLs and a full-page reload.
What this extension improves
- Auto-open selected filter groups by code on desktop (default codes include
catandprice). - Optionally keep Extension Category (
tm_extension_bucket) open on load. - Sticky filter sidebar on desktop so filters stay in view while scrolling.
- Collapse / Expand All controls for filter groups.
- Hide empty filter groups that have no options.
- Selected-filters summary fallback when the theme does not already show one.
- Defensive layout wiring so expected
rendererandstatechild blocks are available when themes omit them.
Storefront fit
Hyvä-first UX behavior with Luma-compatible fallback patterns. Scope is layered category pages and catalog search result pages. Configure under Stores → Configuration → Catalog → Layered Navigation UX (mirrored under the Towering Media tab).
Ideal use cases
Stores with broad catalogs and many filterable attributes that need clearer layered-navigation UX without replacing Magento’s filter engine or introducing AJAX filtering complexity.
Key Features
Configurable UX on Magento’s native category and search layered navigation—without changing how filters apply.
- Desktop auto-open Open chosen filter codes on desktop by default.
- Extension category open Optionally keep Extension Category open on load.
- Sticky filter sidebar Keep the filter block visible while scrolling on desktop.
- Collapse and expand all One control set to open or close every filter group.
- Hide empty filters Remove filter groups with no options from the panel.
- Selected filters summary Fallback summary when the theme does not already show one.
- Defensive layout wiring Ensures renderer and state blocks when themes omit them.
-
Hyvä-first UX layer
Native full-page filter reload with Luma-compatible fallbacks.
Demo
Docs & Support
📘 Documentation
Get started quickly with our detailed user guide. The documentation covers installation, configuration of Layered Navigation UX options, and storefront verification on category and search pages.
- Step-by-step installation instructions
- Enable the module and set auto-open filter codes
- Configure sticky sidebar, collapse/expand all, and hide-empty filters
- Optional Extension Category open and selected-filters summary
- Best practices for verifying Hyvä and Luma listing pages
💬 Support
Need help? Our Magento experts are here to assist you with setup, configuration, and troubleshooting.
- Quick and reliable email support
- Help with installation and UX configuration
- Troubleshooting layered navigation layout and theme wiring
- Guidance for Hyvä and Luma storefront behavior
- Regular updates and Magento compatibility support
Frequently Asked Questions
It improves UX around Magento’s native layered navigation on category and search pages: auto-open filters by code, optional always-open Extension Category, sticky sidebar, collapse/expand all, hide empty filters, and a selected-filters summary fallback—without replacing Magento’s filter engine.
No. Filtering keeps Magento-native full-page reload behavior. The module does not refresh the product grid via AJAX.
No. Multi-select AND/OR controls and price sliders are not included in the current release. Shoppers still apply Magento’s native layered navigation filters; this module focuses on presentation and interaction UX around that panel.
Yes. It is built for Magento 2.4.x (Open Source and Adobe Commerce), is Hyvä-first with Luma-compatible fallbacks, and includes defensive wiring for common theme layout gaps around layered navigation.
Where do I configure Layered Navigation UX?
Go to Stores → Configuration → Catalog → Layered Navigation UX. The same settings are also mirrored under Stores → Configuration → Towering Media → Layered Navigation UX. Enable the module, then set auto-open codes, sticky sidebar, collapse controls, hide-empty, and summary options per scope.
Does this module change Magento filter URLs or apply filters with AJAX?
No. It keeps Magento-native URL and filter semantics and uses full-page reload filtering. It adds UX behavior around the existing layered navigation panel rather than replacing Magento’s filter engine.
Which storefront pages does it affect?
Category layered navigation pages and catalog search result pages. Enable the module, flush cache, then verify one category page and one search results page for auto-open, sticky sidebar, and controls.
Do you offer support?
Yes. Email support@toweringmedia.com or call (773) 466-2454. Updates and support continue while your subscription is active.
Can I try a demo?
Yes. Use the View Demo button on this page. For a guided walkthrough, email support@toweringmedia.com.
What happens when I don’t renew?
Uncheck auto-renew at purchase, or cancel later. You keep access until the end of the paid period. After that, updates and support stop.
Technical Specifications
- Magento Version: Compatible with Magento 2.4.x (Open Source & Adobe Commerce)
- PHP Version: PHP 8.1, 8.2, 8.3, 8.4 compatible
- Framework: Built using Magento 2 native architecture (no core overrides)
- Installation Type: Composer / Manual installation supported
- Module Dependency: Requires toweringmedia/module-base, Magento_Catalog, Magento_LayeredNavigation
- Filtering Type: Magento-native layered navigation with full-page reload (no AJAX grid refresh)
- Supported Filters: Uses Magento native filters (category, price, and filterable attributes configured in Magento)
- Multi-Select Filters: Not included (follows Magento native filter selection)
- Price Navigation: Magento native price filter (no module price slider)
- UX Controls: Auto-open by code, always-open Extension Category, sticky sidebar, collapse/expand all, hide empty, selected-filters summary
- Multi-Store Support: Yes
- Store Scope Configuration: Website / Store View level
- Filter URLs: Magento-native URLs (no clean SEO path rewriting or canonical/noindex management)
- Theme Compatibility: Hyvä-first with Luma-compatible fallback patterns
- Cron Support: Not required (no module cron jobs)
- Admin Configuration Path: Stores → Configuration → Catalog → Layered Navigation UX (mirrored under Towering Media → Layered Navigation UX)
- Package: toweringmedia/module-layered-nav-ux (current line 0.2.x)
- Security: Uses Magento native ACL and configuration permissions
- Performance Impact: Minimal lightweight UX layer on native filtering
Compatible with your Magento 2 store
Compatible with Magento 2.4.x (Open Source and Adobe Commerce) and PHP 8.1, 8.2, 8.3, and 8.4. Requires toweringmedia/module-base plus Magento Catalog and Layered Navigation. Configure under Stores → Configuration → Catalog → Layered Navigation UX (also mirrored under the Towering Media tab).
-
Magento 2.4.x
Open Source & Adobe Commerce
Updates & supportKeep your store running smoothly