How to configure Layered Navigation Magento 2


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:

layered navigation magento 2

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.

layered navigation filter 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.

Default Layered Navigation

4. Explore the section of Layered Navigation:

Layered Navigation options

  • 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)

Automatic equalize price ranges price navigation

This setting uses standard algorithm for price navigation.

Automatic (equalize product counts)

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

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.

Layered Navigation with Filterable Attributes

3. Select Frontend Properties and explore:

Frontend Properties

  • 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 category

  • 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.

Rate this post


About Author

Daniel is a Magento developer with 5 years of experience with customizing Magento extensions, Magento templates. He's main author at Magento explorer

Leave A Reply