→ Prepare for local holiday sale: 10% OFF all M2 EXTENSIONSUse code: SAVE10

Magento 2 Layered Navigation

Trusted by customers from our ecosystem:

BSS Commerce Magento 2 Layered Navigation Extension helps merchants improve product filtering with multi-select attributes, AJAX filtering, and price slider navigation. Customers can combine multiple filter values and refine product listings instantly without page reloads.

Display filters as checkboxes, dropdowns, or swatches, and position layered navigation in the sidebar, above product listings, or both. With flexible display and layout options, the extension adapts to different catalogue structures while remaining responsive and Hyvä-compatible.

Key features

  • Multi-select filtering for attributes and values
  • AJAX filtering that updates results without full page reload
  • Price slider for range-based filtering
  • Filter display types: checkboxes, swatches, dropdowns, and more
  • Filter placement: sidebar, top, or both
  • Responsive and mobile-friendly
  • Allow integration with Hyva Theme with free support for your version!

>> Explore more Magento 2 UX extensions here.

>> Optimize your website for SEO-ready with SEO Magento 2 extension

>> Check out B2B Magento 2 extension.


$79.00

Open Source (CE):
2.4.4 - 2.4.x
Commerce (EE/Cloud):
2.4.4 - 2.4.x

Free 6-Month Support

One-Time Payment & Lifetime Updates

30-Day Money Back (with conditions)

BSS Commerce Magento 2 Layered Navigation Extension helps merchants improve product filtering with multi-select attributes, AJAX filtering, and price slider navigation. Customers can combine multiple filter values and refine product listings instantly without page reloads.

Display filters as checkboxes, dropdowns, or swatches, and position layered navigation in the sidebar, above product listings, or both. With flexible display and layout options, the extension adapts to different catalogue structures while remaining responsive and Hyvä-compatible.

Key features

  • Multi-select filtering for attributes and values
  • AJAX filtering that updates results without full page reload
  • Price slider for range-based filtering
  • Filter display types: checkboxes, swatches, dropdowns, and more
  • Filter placement: sidebar, top, or both
  • Responsive and mobile-friendly
  • Allow integration with Hyva Theme with free support for your version!

>> Explore more Magento 2 UX extensions here.

>> Optimize your website for SEO-ready with SEO Magento 2 extension

>> Check out B2B Magento 2 extension.

Theme Compatible

Problem

Magento’s built-in layered navigation supports basic filtering but is limited to single-select options, full-page reloads, and fixed display settings.

These constraints may affect product discovery and user experience, particularly for stores with large catalogs, complex attributes, or mobile-focused traffic.

Solutions

The Magento 2 Layered Navigation Extension helps you optimise your customers’ product filtering experience by adding features such as AJAX updates, multi-select filters, price sliders, and rating options.

Magento 2 Layered Navigation Extension Features for a better customer experience

The BSS Commerce Layered Navigation extension enhances Magento’s default filtering system with dynamic, intuitive options that make it easier for users to explore your catalog, apply filters with flexibility, and stay in control of their shopping journey.

AJAX filtering: Load filtered results without page reload

Magento 2 Layered Navigation extension comes with AJAX filtering allows category management pages to update dynamically when filters are applied, without reloading the entire page.

For example, when a shopper selects a filter condition, such as choosing “Red” under the Color attribute—product results update in real time.

This keeps the shopping experience uninterrupted, especially on mobile, and reduces load times.

Apply filter button: Delay result updates until user confirms

When the "Apply Filter" button is enabled, shoppers can select multiple filter options first, then trigger the results update with a single click.

This overrides the default instant update behavior and gives users more control over when the product list refreshes — helping avoid flicker and improving usability in complex filtering scenarios.

Filter by multiple attributes at once: Support complex product discovery

Magento 2 Layered Navigation with Multi select extension allows customers to apply filters from multiple product attributes at the same time to find results that match all their preferences.

This streamlines the search process and makes the filtering experience more efficient and intuitive.

Multi-select within one attribute: Explore broader product options

With multi-select checkboxes, customers can choose more than one value under the same attribute, such as choosing both "Blue" and "Black" under the colour attribute. This allows them to explore a broader range of product variations without having to repeat the filtering process.

Fast clear filter: Update or reset filters instantly

Shoppers can remove all filters at once or clear individual ones instantly — such as unselecting “Size M”.
This helps them quickly adjust results without starting over.

Price filtering with slider and manual input: Support budget-based navigation

Customers can use a slider or enter exact price values to set a preferred price range. This makes it easier to filter out items outside their budget and focus only on relevant options.

Rating filter: Filter products by customer ratings

Shoppers can quickly narrow down results by selecting a minimum rating level, such as 4 stars or higher. This helps them find well-reviewed products faster, especially in large categories with many similar items.

Category tree: Show full catalog depth without extra clicks

The filter can display parent and different level sub categories, allowing shoppers to drill down into specific product areas without navigating away. This improves orientation and helps users quickly reach the sections that matter to them.

Product count: See how many results each filter will return

Shoppers can view the number of matching products next to each filter option before applying it — such as “Red (12)” or “Size M (5).” This makes it easier to choose the most relevant options right away.

Various visual filter types: Help shoppers recognize options faster

The extension offers a range of visual filter types to match different attribute inputs, including checkboxes, radio buttons, text swatches, visual swatches (with or without labels), and various price filter formats like sliders, auto-range, or manual input. This makes it easier for shoppers to recognize and interact with filter options, improving clarity and navigation across the catalog.

Mobile-responsive layout: Make filters usable on all screen sizes

Filters adjust to different screen sizes automatically, with collapsible blocks and touch-friendly inputs that are easy to use on smartphones and tablets. This ensures that customers can apply filters comfortably, even when shopping on smaller devices.

“Now shopping by”: Help users stay oriented and in control

A summary area displays all the filters currently in use and lets users remove individual filters or clear all with one click. This improves clarity and gives shoppers confidence that they’re in control of the search results.

Navigation placement (vertical, horizontal, both): Choose where filters appear to match how users browse

Filters can appear in the left sidebar, at the top of the product list, or in both locations depending on your layout. This ensures that shoppers always have easy access to filtering options, whether they’re browsing on desktop or mobile.

Show more/ Show less toggle: Limit long lists while keeping all options accessible

For filter groups with many values — like brand or material — only a few options are shown initially, with a "Show More" link to reveal the rest. This keeps the interface clean and scannable while still allowing shoppers to see the full list if they want to.

Magento 2 Layered Navigation Extension Features for Merchandising control

Beyond improving the shopper experience, BSS Layered Navigation gives store owners full control over how filters are displayed, structured, and prioritized.

These backend settings allow you to align filtering behavior with your merchandising goals, whether that means improving product visibility, simplifying navigation for large catalogs, or adapting to seasonal changes.

Enable/disable module: Turn the entire system on or off as needed

A global toggle allows you to activate or deactivate the extension at any time without uninstalling it. This is useful for testing, staging deployments, or temporarily reverting to default navigation when needed.

Category tree level: Define how deep the category structure appears in filters

You can control how many category levels are shown in the filter panel — from just the top-level category to full-depth (e.g. parent > child > grandchild). This allows you to expose more of your catalog or simplify the view depending on the browsing context.

Choose filterable attributes and display logic: Control how filter options appear

Through attribute configuration and Magento’s native “Use in Layered Navigation” setting, you can define which attributes appear as filters. This ensures that only relevant, shopper-facing options appear.

Expand/collapse setting: Set which filters are expanded by default

Each filter block can be expanded or collapsed when the page loads, based on global or per-attribute settings. This helps you guide shoppers toward the most important filters while keeping the interface clean.

Custom UI design: Adjust layout and styling to match your storefront

The extension includes a custom CSS field where you can apply styling overrides to filter blocks. This allows you to maintain visual consistency with your brand or theme without needing deep theme customization.

Choose the number of filter options displayed: Limit list length

Easily manage long filter blocks by setting a display limit for filter options across your store. When the limit is reached, remaining values are hidden under a “Show More” button on the storefront. This ensures a cleaner, more user-friendly layered navigation — especially helpful for attributes with many options.

Can’t find the exact feature you need?

Let us know what you’re looking for — our developers can customize this extension to match your store’s unique needs.

Magento 2 Layered Navigation User Reviews

Write a review

Frequently Asked Questions

Can I install this Magento 2 extension via Composer? If yes, how can I do that?

How to send customization request for this extension?

What is layered navigation in Magento 2?

How can I configure layered navigation for Magento 2?

How do I hide filters with no matching products?

What is multi-select filtering in layered navigation?

What is AJAX filtering in Magento 2?

How to make multiple select filter in Magento 2 Layered Navigation?

What is the use of the Magento 2 Layered Navigation extension?

How do I enable layered navigation in Magento 2?

Does this extension support multi-select filters?

How much does the Magento 2 Layered Navigation extension cost?

Is the extension compatible with Hyvä themes?

What kind of support is included?

Can I request a custom feature or adjustment?

Is there any discount for this extension?

Does Magento 2 layered navigation work differently across multiple store views?

Do I need to configure categories before using layered navigation?

How to get the most out of Layered Navigation in Magento 2?

How can duplicate categories improve Layered Navigation in Magento 2?

If my catalog keeps expanding, what kind of experience does your team have in keeping navigation manageable over time?

Release Note

    • v1.2.7.1 (July 14, 2025): Compatible with M2.4.8 and PHP 8.4
    • v1.0.2 Hyva Theme Compatible (Apr 4, 2025): Fix composer issue in Hyva Theme Compatibility module
    • v1.0.1 Hyva Theme Compatible (Jan 16, 2025): Fix syntax error in console
    • v1.2.7 (Feb 5, 2024): Update compatible with the Opensearch.
    • Hyva compatible v1.0.0 (Nov 29, 2023): First release.
    • v1.2.6 (Sep 19, 2023): Update compatible with BSS Magento 2 Google Analytics 4
    • v1.2.5 (Jun 17, 2023):
      • Update: Add option to show layered navigation horizontally
      • Fig bug: Ajax loading is missing
    • v1.2.4 (Apr 06, 2023): Compatible with M2.4.6.
    • v1.2.3 (Dec 28, 2022): Fix filtering price bugs.
    • v1.2.2 (Nov 28, 2022): Update logic of displaying attributes in layered navigation. Improve UI/UX on frontend. Compatible with Magento under 2.4.4.
    • v1.2.1 (May 25, 2022): Compatible with M2.4.4/PHP 8.1
    • v1.2.0 (Jan 18, 2022): Compatible with M2.4.3, fix bug not Showing "Show more/less". Adding a note below backend Bss Layered Navigation tab. Fix bug not showing Layered Navigation after filtering.
    • v1.1.9 (Jul 28, 2021): Compatible with 2.4.2, fix some small bugs.
    • v1.1.8 (Dec 02, 2020): Fix filter error when search the keyword that have space. (version for Magento version 2.3.2 - 2.3.5 only)
    • v1.1.7 (Nov 19, 2020): Fix bugs on magento 2.3.x. Update compatible with Magento 2.4.0 and 2.4.1. (Extension version for Magento 2.4.0 and 2.4.1)
    • v1.1.6 (July 31, 2020): Update show/hide count on layered navigation following the config Catalog > Catalog > Layered Navigation > Display Product Count of default Magento; Remove swatch-renderer.js file; Fix missing brand issue after filtering; Fix getProductCollection issue slowing down the site ; Fix not display filter of categories on left side; Fix redirecting another storeview when choosing Apply filter; Fix wrong price range; Fix wrong display product quantity with price range in list view; Fix missing attribute issue
    • v1.1.5 (June 11, 2020): Showing Category checkbox selected; Fix attribute and price counter when select multiple categories
    • v1.1.4 (Mar 20, 2020): Apply logic OR to all filters; Fix wrong product count on price filte; Compatible with Elasticsearch, Magento 2.3.4
    • v1.1.3 (Nov 14, 2019): Compatible with M2 InfiniteScroll by BSS Commerce; Fix bug when filtering multiple attributes
    • v1.1.2 (Oct 02, 2019): Compatible with Elastic search; Fix compilation error on Magento 2.3.1; Fix Price Navigation Step Calculation Set to 'Automatic(equalize product counts)' or 'Manual' not take effect; Update logic rating
    • v1.1.1 (May 14, 2019): Compatible with Elastic search 5.x; Compatible with Magento 2.3 EE; Add config custom css to fix conflict with theme
    • v1.1.0 (Feb 11, 2019): Compatible with Magento 2.3
    • v1.0.9 (Nov 08, 2018): Correct logic of displaying attributes of out of stock products and allow to filter on Layer navigation
    • v1.0.8 (Nov 02, 2018): Update Filter by Rating; Fix bug with filter by price and filter by category; Fix lbug of filter by price by default config
    • v1.0.7 (Oct 12, 2018): Fix bug with wrong price display of children products of configurable products
    • v1.0.6 (Sep 10, 2018): Fix display issue of attributes with Dropdown input type when working with attributes with Price input type in Layer navigation
    • v1.0.5 (Jul 16, 2018): Fix error when run compilation on 2.1.8 incompatible
    • v1.0.4 (Jul 04, 2018): Fix bug with Attribute using Catalog Input Type = Price
    • v1.0.3 (Apr 20, 2018): Fix bug with Price slider on mobile
    • v1.0.2 (Apr 18, 2018): Update Rating Function's logic
    • v1.0.1 (Apr 13, 2018): Compatible with Ultimo theme
    • v1.0.0 (Apr 13, 2018): First Release