Merry Christmas, 25% OFF. Coupon: XMAS Explore

How to Configure Layered Navigation with Filterable Attributes in Magento 2

magento-2-tutorial
how-to
configure
layered-navigation
filterable
attributes

Configure Layered Navigation from Magento 2 default is designed as a convenient sitemap on your Magento 2 store. The 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.

How to Configure Layered Navigation with Filterable Attributes Layered Navigation

With Layered Navigation default, 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 attribute. For example, when a visitor go to your clothes store, the first step is selecting a category they need such as women, men, or sandal. At this time, all products of these will appear on the result page. Next, he can filter with product attributes to narrow the suggestions by style, color, price, etc. These attributes are called as filterable attributes and they are be hidden in each criteria section.

How to Configure Layered Navigation with Filterable Attributes Filterable Attributes in Layered Navigation

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
  • Step 2: Make the Category an Anchor
  • Step 3: Test the Results

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.

How to Configure Layered Navigation with Filterable Attributes Search Attributes

  • 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 guides above if you want to include any attributes in layered navigation.

How to Configure Layered Navigation with Filterable Attributes Attributes Storefront Properties

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.

How to Configure Layered Navigation with Filterable Attributes Category Display Settings

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 displays in the layered navigation section of the category page.

Ref: Magento 2 User Guide

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

$199
18 reviews

Layered Navigation

$149
7 reviews

Store Locator

$199
no review

Shop By Brand

$99
no review

Zoho CRM

$249
no review

FAQ

$149
10 reviews

Better Blog

FREE
7 reviews

Affiliate

$149
7 reviews

People also searched for:

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