In order to advance the Magento 2 store layered navigation as well as to bring the best shopping experience to the visitors, Mageplaza developed the Layered Navigation Ultimate extension. This Ultimate version is the advanced version of the Pro version with many powerful and extra features will surely adapt any user's expectation and plays an important role to build a successful store.
This Layered Navigation Ultimate extension is a smart map for your Magento 2 store. It's the shortest way for the shoppers to find what they want, especially when you have a bunch of items with various prices, attributes or brands.
Overview
After enabling the module, the Layered Navigation will be displayed on the left sidebar on Categories pages.
https://i.imgur.com/A0Cq43m.jpg" alt=""/>
The Configuration is available under Admin Panel > Mageplaza > Layered Navigation > Configuration.
https://i.imgur.com/28dBmmi.gif" alt=""/>
General configuration
Filter configuration
Design configuration
Custom Products pages
Here are the details for the settings of each tab.
1. General Configuration tab
https://cdn.mageplaza.com/media/general/UIIFzKu.png" alt=""/>
In the Module Enable field: You can choose to use the Module Layered Navigation or not. Leave as Yes to enable and No to disable.
In the Multi-Filters field
By enabling this feature, the shoppers are allowed to choose more than 1 filter to find the desired items. You can also filter by multi-choose from multiple categories at the same time. For example: The shopper can choose to filter by Color with Black, White and Size with Small, Large at the same time. This can be also applied with multiple categories.
To config this feature, go to Enable Multi-filter field, set "Yes/No" to "Enable/ Disable"
https://i.imgur.com/jSaFtmp.gif" alt=""/>
In the Scroll to Top field
This feature allows the shoppers, after filtering, can automatically back to the top of the products list and start to find the desired items.
On the Scroll to Top after Filtering field, you will have 2 options:
YES : After choosing a filter or click on the Apply Filter button, the site will automatically scroll up to the top-page.
NO : After choosing a filter or click on the Apply Filter button, the site still stay at the current position.
In the Quick Lookup Options field
By enabling this feature, in each of the attribute group, there is a search box. The shoppers only need to insert the letters and the filter whose name contains this letter will be displayed.
Go to Enable Filter options field to "Enable/ Disable" this feature by setting "Yes/ No".
https://i.imgur.com/5GUCriq.gif" alt=""/>
In the Display Out-of-stock option field: There are 2 options to choose
Yes: Show all the attributes and options even the product is currently out of stock.
No: Hide all the attributes and options of the product which is currently out of stock.
In the Product Count field: With this feature, there will have a number which is displayed next to the filter. This number allows the shoppers to know how many items which is matched the filter. For example: If the filter is displayed: Cotton(2), that means there are 2 items which are matched the filter Cotton.
https://i.imgur.com/ZfTnGp2.jpg" alt=""/>
In the Display Product Count field
Set Yes to display the number to the left of the filter name.
Set No to hide this number.
In the Expand by default field
Yes : The attribute group will already be expanded when the shoppers go to the Categories page.
No : The shoppers need to click on the attribute group name to expand the filters.
In the Show type field: In this session, you can choose the way to display the filter attribute group. There are 3 options:
Normal
https://i.imgur.com/NIYrzeP.jpg" alt=""/>
Hidden
https://i.imgur.com/I4ACV3J.jpg" alt=""/>
Scroll
https://i.imgur.com/dLFymFF.gif
In the Apply Filter button field
The <span class="csh-markdown csh-markdown-code csh-markdown-code-inline csh-font-code-regular">Apply Filter</span> button allows the shoppers to choose when to apply the chosen filters. With this button, the shoppers don't need to wait for the page to reload again and again each time they choose a filter.
In Add Apply Filter button field, set "Yes" to show the button and leave "No" to disable.
Here is how the <span class="csh-markdown csh-markdown-code csh-markdown-code-inline csh-font-code-regular">Apply Filter</span> button works, you can choose lots of attribute before applying it. Also, SEO friendly URL is compatible with `Apply Filter`'s search result. As you can the this example chose Insulated* and Cold, and name of those attributes appears on the URL as well.
*
In the Use in Search Results ProductsPage Navigation field choose Yes*
In the Display Style field choose your preferred style as Slider*, Range or Slider and Range
https://imgur.com/XmNmCJR.jpg" alt=""/>
For example with the Weight option for which product has weight as 15 lb. On the frontend, the search result can be filtered like:
https://imgur.com/mHR1l4E.jpg" alt=""/>
6.3 Show Tooltip
New version of Mageplaza Layered Navigation Professional allows store admins to set up tooltip for each attribute. Tooltip only apply for attribute types: Multiple Select, Dropdown, Price, Visual Swatch, Text Swatch.
Follow Attribute Information > ProductsPage Navigation Properties
- In the Use in ProductsPage Navigation field choose Filterable (with results)
https://i.imgur.com/IE4VlxE.png" alt=""/>
- Show Tooltip: Choose Yes to show Tooltip on attribute filter.
- Tooltip Thumbnail: Click Choose File, admin choose icon for tooltip. Leaving it blank, icon will be default value.
Tooltip Content: Enter the content for tooltip.
If tooltip is left blank, it will be assigned with Admin value.
https://i.imgur.com/r2gU1Lw.png" alt=""/>
7. Shop By Brand's configuration
Magento 2 Shop by Brand extension is also one of such great tool. Similar to the navigation, Shop by Brand allows filtering by product attributes, but they are neither color or material or any physical features of the product. The plugin bases on brands (manufacturers) the products are made by.
https://i.imgur.com/KiREkWK.jpg
Provided Shop By Brand's User guide can be found [here](https://docs.mageplaza.com/shop-by-brand-m2/index.html" alt=""/>
This Layered Navigation Ultimate extension is a smart map for your Magento 2 store. It's the shortest way for the shoppers to find what they want, especially when you have a bunch of items with various prices, attributes or brands.
Overview
After enabling the module, the Layered Navigation will be displayed on the left sidebar on Categories pages.
The Configuration is available under Admin Panel > Mageplaza > Layered Navigation > Configuration.
General configuration
Filter configuration
Design configuration
Custom Products pages
Here are the details for the settings of each tab.
1. General Configuration tab
In the Module Enable field: You can choose to use the Module Layered Navigation or not. Leave as Yes to enable and No to disable.
In the Multi-Filters field
By enabling this feature, the shoppers are allowed to choose more than 1 filter to find the desired items. You can also filter by multi-choose from multiple categories at the same time. For example: The shopper can choose to filter by Color with Black, White and Size with Small, Large at the same time. This can be also applied with multiple categories.
To config this feature, go to Enable Multi-filter field, set "Yes/No" to "Enable/ Disable"
In the Scroll to Top field
This feature allows the shoppers, after filtering, can automatically back to the top of the products list and start to find the desired items.
On the Scroll to Top after Filtering field, you will have 2 options:
YES : After choosing a filter or click on the Apply Filter button, the site will automatically scroll up to the top-page.
NO : After choosing a filter or click on the Apply Filter button, the site still stay at the current position.
In the Quick Lookup Options field
By enabling this feature, in each of the attribute group, there is a search box. The shoppers only need to insert the letters and the filter whose name contains this letter will be displayed.
Go to Enable Filter options field to "Enable/ Disable" this feature by setting "Yes/ No".
In the Display Out-of-stock option field: There are 2 options to choose
Yes: Show all the attributes and options even the product is currently out of stock.
No: Hide all the attributes and options of the product which is currently out of stock.
In the Product Count field: With this feature, there will have a number which is displayed next to the filter. This number allows the shoppers to know how many items which is matched the filter. For example: If the filter is displayed: Cotton(2), that means there are 2 items which are matched the filter Cotton.
In the Display Product Count field
Set Yes to display the number to the left of the filter name.
Set No to hide this number.
In the Expand by default field
Yes : The attribute group will already be expanded when the shoppers go to the Categories page.
No : The shoppers need to click on the attribute group name to expand the filters.
In the Show type field: In this session, you can choose the way to display the filter attribute group. There are 3 options:
Normal
Hidden
Scroll
In the Apply Filter button field
The <span class="csh-markdown csh-markdown-code csh-markdown-code-inline csh-font-code-regular">Apply Filter</span> button allows the shoppers to choose when to apply the chosen filters. With this button, the shoppers don't need to wait for the page to reload again and again each time they choose a filter.
In Add Apply Filter button field, set "Yes" to show the button and leave "No" to disable.
Here is how the <span class="csh-markdown csh-markdown-code csh-markdown-code-inline csh-font-code-regular">Apply Filter</span> button works, you can choose lots of attribute before applying it. Also, SEO friendly URL is compatible with `Apply Filter`'s search result. As you can the this example chose Insulated* and Cold, and name of those attributes appears on the URL as well.
*
In the Use in Search Results ProductsPage Navigation field choose Yes*
In the Display Style field choose your preferred style as Slider*, Range or Slider and Range
For example with the Weight option for which product has weight as 15 lb. On the frontend, the search result can be filtered like:
6.3 Show Tooltip
New version of Mageplaza Layered Navigation Professional allows store admins to set up tooltip for each attribute. Tooltip only apply for attribute types: Multiple Select, Dropdown, Price, Visual Swatch, Text Swatch.
Follow Attribute Information > ProductsPage Navigation Properties
- In the Use in ProductsPage Navigation field choose Filterable (with results)
- Show Tooltip: Choose Yes to show Tooltip on attribute filter.
- Tooltip Thumbnail: Click Choose File, admin choose icon for tooltip. Leaving it blank, icon will be default value.
Tooltip Content: Enter the content for tooltip.
If tooltip is left blank, it will be assigned with Admin value.
7. Shop By Brand's configuration
Magento 2 Shop by Brand extension is also one of such great tool. Similar to the navigation, Shop by Brand allows filtering by product attributes, but they are neither color or material or any physical features of the product. The plugin bases on brands (manufacturers) the products are made by.
Provided Shop By Brand's User guide can be found [here](https://docs.mageplaza.com/shop-by-brand-m2/index.html" alt=""/>
Updated on: 10 / 15 / 2019