Our Feature Items: SM Market // SM Destino // SP Revo
Shopping cart (0)

Magento 2

Quick Guide To Configure Layered Navigation In Magento 2

Rate this item
(1 Vote)
Written by  Sarah
Wednesday, 21 February 2018 14:52

Quick Guide To Configure Layered Navigation In Magento 2 - 5.0 out of 5 based on 1 vote

Layered Navigation is a new feature come from Magento 2. It allows your customer to find the best-fit products on your store website, it also helps enhance customers' experience to gain more sales. If your store hasn't this option, it is time to integrate this new feature. The layered navigation is usually put on the left panel of the page showing criteria filter.

Configure layered navigation magento 2

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

Configure layered navigation magento 2

4. Explore the section of Layered Navigation:

Configure layered navigation magento 2

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

Configure layered navigation magento 2

This setting uses standard algorithm for price navigation.

Automatic (equalize product counts)

Configure layered navigation magento 2

  • 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

Configure layered navigation magento 2

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

Configure layered navigation magento 2

3. Select Frontend Properties and explore:

Configure layered navigation magento 2

  • 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 Catalog > Products > Categories.

Configure layered navigation magento 2

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

SM ShopBy - Advanced Filter Magento 2 Extension To Enhance Shoppers Experience

Configure layered navigation magento 2

If you want to have more options to help your shoppers find the best fit product, let check SM ShopBy out. It enables your customers to filter by their own styles such as color, price, brand... We are sure that they will be really satisfied with this shopping experience! Nowadays, almost of modern eCommerce use this extension as a new supporting tool for customers. Do not let you go behind other.

Thanks for reading!

Google+