Boost your customer loyalty effortlessly Learn more

Shopping cart

How to Configure Layered Navigation with Filterable Attributes in Magento 2


Configure Layered Navigation Magento 2 from Magento 2 default is designed as a convenient sitemap on your Magento 2 store. The Layered Navigation is usually placed on the left of the category page with list of categories and price range. Thus, instead of going around your store, the customers only need to describe their demands through the criterias filter, and they will get the desired items very quickly. However, if you want to give more criterias for the searching as well as enhance customer’s experience on your site, you can refer to Magento 2 Layered Navigation extension, an advanced filter from Mageplaza.


With the default Layered Navigation, the customers can filter by product attributes or price, meanwhile the configuration of product count is mentioned in this topic.

What is Layered Navigation with Filterable Attributes?

Layered Navigation with Filterable Attributes allows your customers to filter product by category or by attribute. For example, when a visitor goes shopping on your clothes store, the first step can be selecting a category he needs such as women, men, or sandals. At this time, all products classified into these groups will appear on the result page. Next, he can filter product attributes to narrow the suggestions by styles, colors, price range and so on. These attributes are called filterable attributes and they are hidden in each criteria section.


Keep your eyes on the following guides to configure the layered navigation with filterable attributes

Configure Layered Navigation with Filterable Attributes

Step 1: Create the Attribute Properties

  • On the Admin Panel, Stores > Attributes > Product
  • Under Attributes column, enter the attribure name in the search box or find it manually, and then go to the Edit mode.


  • On the left panel, select Storefront Properties and set Filterable (with results) or Filterable (no result) for Use in Layered Navigation.
  • Enable to search results in layered navigation by choosing Yes in the Use in Search Results Layered Navigation field.
  • Repeat the above steps if you want to include any other attributes in layered navigation.


Step 2: Make the Category an Anchor

  • On the Admin Panel, Products > Inventory > Categories.
  • From the categories tree, choose the category as you need to apply layered navigation.
  • Tap the Display Settings tab, choose Yes in theIs Anchor field.
  • Save Category to complete.


Step 3: Test the results

Just go to your store and hover over the category in the top navigation. Immediately, the selection of filterable attributes is displayed in the layered navigation section of the category page.

Ref: Magento 2 User Guide

Recommend solutions:

Ref: Magento 2 User guide

PDF Invoice samples for Magento 2

mageplaza pdf invoice

Want to apply these above Invoice templates for your store?

See how

Please leave comments if you have any questions, feedbacks.

Comments for How to Configure Layered Navigation with Filterable Attributes in Magento 2

You also may like these Magento 2 Extensions

One Step Checkout

77 reviews

Layered Navigation

44 reviews


29 reviews

Better Blog

58 reviews

Gift Card

5 reviews

Reward Points

4 reviews


12 reviews

People also searched for:

  • Configure Layered Navigation Magento 2
  • layered navigation
  • magento 2 layered navigation
  • magento 2 configure layered navigation
  • configure layered navigation magento 2 block module
  • layered navigation magento 2 configure