Are you running a big store with multiple catalogs of products? Looking for a solution to improve a customer experience in your store? Welcome to check a layered navigation Magento 2 approach.
When you sell products with a lot of attributes, a layered navigation is a highly important element in overall store usability. By showing the product and attribute filters on site pages, you help visitors to find the desired product much faster. Magento 2 Ajax Layered Navigation extension is going to be the must-have tool to show the layered navigation block on the product, category and CMS pages.
Generally, our module will help you to:
- Add a layered navigation with filterable attributes on your store pages.
- Apply multiple attributes to the same filter.
- Show price attribute slider.
- Let users filter New, On Sale and Stock, products
- Show a Rating filter
- Enter the option name in search line directly in the layered navigation block
- Improve site's navigation structure.
- Simplify a searching process in a store.
Extension approved on Magento Marketplace
- Free installation
- Activate up to 10 times
- All extensions $79
- Approved on Magento Marketplace
Magento Open Source Compatibility
Magento Community 2.4.9, Magento Community 2.4.8, Magento Community 2.4.7, Magento Community 2.4.6, Magento Community 2.4.5, Magento Community 2.4.4
Adobe Commerce Compatibility
Adobe Commerce 2.4.9, Adobe Commerce 2.4.6, Adobe Commerce 2.4.5, Adobe Commerce 2.4.8, Adobe Commerce 2.4.7
Installation instructions and manuals
Allow your visitors to search easier
Our module allows adding a layered navigation both on catalog pages and on search result page. By showing the available product attributes as filters, you will help users to narrow down search results. Thus it will reduce a time of finding products that the visitors would like to buy. On the whole, a layered navigation provides easy browsing all around a website.
Use ajax technique to make a navigation better
Our layered navigation module is Ajax supported. Let customers filter the results without reloading the page. Basically, Ajax Layered Navigation module is one more approach to create user-friendly and quick navigation.
Show price filter slider
Our module comes with configurable price slider. It helps users to search the products and purchase according to the product price wishes. By showing a price range available in your store, you will improve a customer loyalty and overall shopping experience.
Make your website friendly for mobile audience
What makes your website ready for mobile-friendly Google search? You know the answer is a responsive design of front-end elements. Our layered navigation block is mobile-friendly. It is a significant point in building up the trust among mobile users.
Prevent boring scrolling with sticky layered navigation
A sticky navigation section helps users find exactly what they are looking for without scrolling all the way back. Via the module you can constantly put customers' navigation choices right in front of them. Create quick and easy browsing through the predefined filters.
Optimize the search in the slideout sidebar with filters
On mobile devices space is scarce. Our module builds the unique layered navigation that works best on mobile devices. Using slideout you give customers the options they want without wasting space on a page.
Allow users sort New, On Sale, In stock items
The module supports adding New, In stock, and On Sale filters to layered navigation multi-select. With such filters functionality, it is no need to scroll through thousands of products. Now your impatient customers don't have to tick plenty of filter checkboxes. Users can simply choose the product collections which meet their needs.
Show important filters in a block expanded by default
By using pre-expanded search filter in layered navigation block, all available items concerning items on a specific and important collection can be found easier and faster. Our module allows you to show the filter options expanded by default. The filterable attributes will appear in an expanding section and will be visible all the time.
Apply the rounded style for color options
Our module keeps providing benefits in terms of responsive design. Since your products have more than one color, you can enable the swatch images of the color attribute the layered navigation. New round style framed color options make them great for mobile users.
Allow users to enter the option name in search field
With the module functionality, your customers are allowed to filter the products by writing the options' name in a search field to find available values faster. A search line added to layered navigation block makes easier for the user to find the things they know well.
Make it clear how much is available
The module allows you show a popup used as the tooltip. It means when the user hovers/clicks the attribute, the tooltip popup appears. Now the customer can see how many items are available in the selected product collection. No page reload. No interruption of the selection process.
Allow user to view more subcategories at once
Our module comes with Amazon-like category list style option. It allows you show categories together with subcategories list. Thus you will show all possible attributes and filters from that category. This option helps users reach the related subcategories without applying multiple filter attributes.
Keep the customers stay on your site.
Infinite product scroll feature loads the next catalog results when scrolling down a page. No interruption. This option is very good both for customer experience and conversion rate because it eliminates the user distraction.
Help customers pick the similar products
Our module provides you with all-products page feature. That way you navigate the user to the web page with a list of all products matching the category or attribute chosen before. The additional choice of products inclines customers to buy more products.
Ajax Layered Navigation 1.6.11
8th of October 2026- Security: Medium — improved security of AJAX filtering.
- Security: Low — improved cache correctness across storefront contexts.
- Security: Low — improved validation of filter parameters.
- Security: Low — improved safety of the attribute toggle widget.
Ajax Layered Navigation 1.6.10
21st of September 2026- Fixed category filter missing categories with the lowest product counts on catalogs with many categories, even though they still appeared in the store's menu. The search engine only returns the 500 most popular values per filter, so those categories were silently dropped from the aggregation. Now only the category filter is asked to return the full list, to avoid tripping OpenSearch/Elasticsearch's own limit on the total number of buckets across all filters. Fixes #109.
Ajax Layered Navigation 1.6.9
21st of September 2026- Fixed PHP warning ("undefined array key") in the price filter when the price range URL parameter had no delimiter.
Ajax Layered Navigation 1.6.8
16th of June 2026- Fixed DynamicPlugin not catching OpenSearch exceptions. OpenSearch client
throws
OpenSearch\Common\Exceptions\BadRequest400Exceptionwhich extends\Exceptionand is not related toElastic\Elasticsearch\Exception\ElasticsearchException. The narrow catch was silently missing all OpenSearch errors causing uncaught exceptions when attributes with incorrect integer mapping contain non-numeric values (e.g.2xl,3xl). - Fixed filter input search returning zero results for decimal values with dot
or comma separator (e.g.
0.4or0,4). List.js escapes.and,as regex special chars before doing a plainindexOfmatch, so0.4became0\.4which never matched0.47uF. - Fixed PHPStan error: updated
ElasticsearchExceptionnamespace for Elasticsearch PHP client v8 (Elasticsearch\Common\Exceptions→Elastic\Elasticsearch\Exception).
Ajax Layered Navigation 1.6.7
15th of May 2026- Magento 2.4.9 support
Ajax Layered Navigation 1.6.6
10th of February 2026- Added SQL fallback for OpenSearch attribute aggregation failures. When
OpenSearch fails to aggregate product attributes due to type mismatches
(e.g.
2xlvalues in integer-mapped fields), falls back to a direct SQL query againstcatalog_product_index_eav. Fixes #105. - Removed stock filter from search results page. OpenSearch already factors stock availability into relevance, and the filter was showing a count but returning no results when clicked. Category pages keep the filter.
Ajax Layered Navigation 1.6.5
5th of December 2025- Updated Breeze integration.
Ajax Layered Navigation 1.6.4
25th of November 2025- Breeze integration fixes; Breeze no longer uses turbolinks.
- Fixed
navigation.scrollJS errors. - Fixed total pages calculation by using
max(productItemsTotal, toolbarTotal).
Ajax Layered Navigation 1.6.3
20th of October 2025- Fixed page-detector: prevent invalid page parameter from causing empty product listings.
Ajax Layered Navigation 1.6.2
17th of September 2025- Fixed lost
disabledCSS class (typo); renamedisDisabledtohasNoResultsfor clarity.
Write Your Own Review