Current extension version: 1.9.1
An enhancement that brings native layered navigation functionality up to the industry standard
The Magento 2 Layered Navigation extension provides online merchants with a large set of navigation functionality improvements. Also, the module enables customers to apply any number of filters they need without full page reloads.
Case Studies on how to :
In a Magento 2 store that has the native product navigation functionality, the shoppers can’t select several attribute values within the same filter, which complicates the whole catalog navigation process and may result in increased rejection rates.
With the Layered Navigation module, customers can easily find the required products without any difficulty. Let’s find out how the whole product catalog browsing process can be organized.
If your shoppers want to select several attributes values within the same filter, they can do this just selecting them one by one. Upon selecting every single attribute, the catalog block will be reloaded automatically with AJAX displaying items that match selected attributes.
The Layered Navigation module also allows you to enable the Show X items pop-over that will be displayed upon each individual attribute selection. The pop-over shows the number of items matching the selected attributes and attribute options and saves customers from constant page reloads to view the matching items. Rather, they can apply all the selected filters with just one click on the Show button of the pop-over, thus, deciding themselves when to reload the catalog page.
Simple and convenient navigation helps to increase conversion rates of any e-commerce store. Navigation usability becomes even more important if you consider the fact that 79% of visitors move to another retailer if the content of the store they currently browse is poorly optimized.
Sometimes, extensive and complicated catalogs require sophisticated navigation functionality that is not always easy-to-use. The Magento 2 Layered Navigation extension complies with most of the industry usability standards and allows customers to browse product catalogs quickly and effectively.
In addition to the default Magento 2 product filters, the module offers several new useful filter options, including ‘New arrivals’, ‘Discounted products’, ‘In-stock Items’, and ‘Price Slider’.
Long multi-attribute filters going beyond the fold of the page are extremely frustrating for customers, which ruins their flawless shopping experience. According to the statistics, 77% of people view only the content above the fold. The way to avoid this inconvenience is to collapse those multi-attribute lists to show only a limited number of attributes.
When selecting certain attribute values, the module automatically hides void attributes and attribute values so that shoppers will be not distracted by them.
The same as Magento itself the Layered Navigation extension uses LESS functionality that allows customizing navigation sections and adjusting them to the appearance of current Magento themes. The advanced functionality of LESS provides additional customization opportunities and makes the whole process simpler and cheaper.
Follow the installation instructions in the user guide to make sure the extension is installed properly.
Decide on how you want your Layered Navigation to look like and contact your developer team.
Perhaps, the most annoying thing of any catalog filtration is constant page reloads triggered by each product attribute added to the filter configuration. They take time and test your patience.
Magento 2 AJAX Layered Navigation allows you to reduce that impact updating only a part of the whole page and making reloads almost invisible for customers. However, the module is able to further reduce the number of AJAX reloads to only one single code execution.
Navigate to the extension settings and set the "Show X Items" Pop-over enabled.
There are no additional steps, customers can now select multiple attributes and decide when to reload the catalog page.
Make layered navigation intuitive and prompt without page and even AJAX reloads.
If enabled, the ‘Show X Items’ popover allows customers to select all necessary attribute options and only then render the results by clicking the ‘Show’ button. Depending on the number of used attributes this functionality is able to save up to one minute per each filter by attribute procedure.
81% of customers search products online before they make a purchase. If they do not find the products they need in your store, they will change it for another one without any hesitation. The Layered Navigation module helps to avoid this.
Check out selected features below or view documentation for a full feature list
Fast and flexible navigation
Manage all your filters on one page and sort them by Filter, Code, Type, Status, Status in search, and Position criteria.
Only product catalog is refreshed, customers don't have to wait for full page refresh.
Let web crawlers know that search pages should be avoided.
Catalog pages with filters applied use attribute values for meta information.
If some of your catalog pages with different URL types were indexed by search engines, the automatic 301 redirect will make sure that users are redirected from such pages to the relevant ones with Layered Navigation.
For the category search pages, the meta robots tag can automatically include the NOINDEX and NOFOLLOW attributes to avoid duplicate content.
Two ways to apply filters
Layered Navigation allows selecting multiple filters without reloading product catalog until the 'Show' button is clicked in the pop-over.
With Magento 2 Layered Navigation, your customers can reload product catalog after the required filters are applied.
Convenient and explicit filters
Merchants who sell products with multiple attributes can automatically sort those attributes alphabetically by the A-Z or Z-A order.
With the ‘Select categories where to display the filter’ option, you can choose the categories where a particular filter will be available.
For the customer’s convenience, attribute filters are presented in the checkbox, text field, button, and swatches formats.
If the main filter applied doesn't have a particular child attribute, it will be hidden automatically.
Product images are automatically updated depending on the selected color.
Customers can remove any number of the selected attributes at the category level at once by clicking on the X button provided.
Decide on the default look of each attribute list by choosing between the expanded (works well for short attribute lists) and the collapsed options.
With the ‘Single path category list style’ option enabled, your customers can conveniently move from product categories straight to the related subcategories step-by-step with no multiselects.
Instead of scrolling long attribute lists, your shoppers can now expand them by clicking on the Show X more active link.
Let customers look for both M and L sizes of the same shirt.
Product selection may be narrowed down to show new, discounted, in-stock items, and items within a particular price range.
Let your customers disable applied filters conveniently. The option works only when the pop-over is disabled.
By brand shopping
Product pages can have a brand description and logo displayed.
Give personalized look to all brands gaining customer's trust and catching an eye.
On the mobile screen, the interactive item count is displayed as a special count bar at the bottom of the page, which is less distracting and easier to interact with.
As attributes are selected, an automatic pop-over shows how many items match the current selection.
The Layered Navigation extension is integrated with our Advanced Search extension so that your customers are able to filter search results easily. Consider that if you purchase Layered Navigation together with Advanced Search, the latter one is available with the 50% discount off the regular price.
The extension works both for catalog and for search result pages.
Products can be displayed as a grid or as a list.
If the pop-over is disabled, the product count will be displayed in brackets.
Allow you to check compatibility with Magento versions, which is helpful during the customization process
Full compliance with Magento 2 requirements, LESS used for style customizations, completely optimized code
Going beyond the basic responsive design, our extensions support mobile-specific user interactions
We will get in touch with you as soon as we can.
Fill out the form and leave a couple words about the nature of the service you will require. Our specialist will get in touch with you to discuss available options.
Let me know what can I help you with and I will get back to you in no time ;)
We have received your request and will answer shortly!