Magento 2 supports users with the default setting of Layered Navigation allowing users to have a convenient site map of the store(s). The layered navigation is usually located on the left panel of the page showing criteria filter that helps customers to find the necessary items effectively. The improved searching enhances purchasers’ experience with your store:
As can be seen, with the default setting, customers can filter by either product attributes or their prices. Furthermore, Magento 2 store also supports you with the Layered Navigation with Filterable Attributes allowing your customer to search by categories or attribute.
This tutorial will guide you through the whole process to deal with Layered Navigation in Magento 2.
1. Default Layered Navigation
1. Login to the backend of your Magento 2 store.
2. From the Admin sidebar, navigate to Stores > Configuration >Catalog >Catalog.
3. From here choose the Layered Navigation.
4. Explore the section of Layered Navigation:
- Select Yes to Display Product Count.
- Set Price Navigation Step Calculation to Automatic (equalize price ranges).
5. Click Save Config. to finish.
6. the Price Navigation can be set up by three methods:
Automatic (equalize price ranges)
This setting uses standard algorithm for price navigation.
Automatic (equalize product counts)
- Set Price Navigation Steps Calculation to Automatic (equalize product counts).
- Set Display Price Interval as One Price to Yes.
- Enter the thresholds for a number of products within a price range into the Division Limit.
Manual setting
- Set Price Navigation Steps Calculation to Manual.
- Enter value to Default Price Navigation Step.
- Enter the limit for Maximum Number of Price Intervals allowed up to 100.
2. Layered Navigation with Filterable Attributes
1. Login to the Backend of your Magento 2 store.
2. From the Admin sidebar, navigate to Stores > Product. Open in Edit mode.
3. Select Frontend Properties and explore:
- Change Use In Layered Navigation to Filterable (with results) or Filterable (no results).
- Select Yes for Use In Search Results Layered Navigation.
The above steps can be repeated for each of every attributes to include in the layered navigation.
4. From the Admin sidebar, navigate to Products > Categories.
- Select the Categories you want to use Layered Navigation in.
- Change to Display Settings tab.
- Select Yes for Is Anchor section.
- Click Save Category to continue.
5. Come back to the store page and choose the category in the top navigation and check whether the filterable attributes appear.
That comes to the end of the tutorial. If you have any further question, please comment below to let us know.