Our brands

How To Configure Magento 2 Layered Navigation with Filterable Attributes

magento 2 layered Navigation

Layered Navigation is a default of Magento 2 which makes it simple to find products based on category, price range, another available attribute. It is often in the left column of search results and category pages and sometimes on the home page.

There are 2 kinds of Layered Navigation in Magento 2. They are Filterable attributes and Price Navigation. In this Tutorial, I will provide you the tutorial for Config Magento 2 layered Navigation by Filterable Attributes. Firstly, you create Attributes properties then you configure it.  You need to follow these steps:

  • Create Attributes
  • Make Category an Anchor
  • Preview the result
  • Configure Layered Navigation

Firstly, Look at Layered Navigation in Magento 2

Magento 2 Layered Navigation-1

Let’s start:

Step 1: Setup Attributes Properties:

Admin Panel -> Stores -> Product (under Attributes)

Magento 2 Layered Navigation-2

-> Choose Attributes to edit:

Magento 2 Layered Navigation-3

At Storefront Properties -> Use in Search Results Layered Navigation choose Filterable with results -> Save Attribute

Then select “Storefront Properties”

Magento 2 Layered Navigation-4

  • Use in Layered Navigation: Set Filterable (with results) or Filterable (no result)
  • Use in Search Results Layered Navigation: Choose “YES”

Step 2: Make the Category  Anchor

Admin Panel -> Products -> Categories

Magento 2 Layered Navigation-5

From the category tree, choose category as you need to apply. Tap Display Settings, choose “Yes” in “Anchor”

Magento 2 Layered Navigation-6

And then “SAVE” Category to complete.

Step 3: Test Layered Navigation for filterable attributes

After you “SAVE”.  You return to go the store. Then click to the section you want to filterable Layered Navigation attributes. Just like it.

Step 4: Configure Magento 2 Layered Navigation:

Admin -> Configuration

1.5

In the configuration Page, choose Catalog (under Catalog)

1.6

Choose Layered Navigation: 

1.7

Then” Save Config” .
If you prefer to watch Video, please watch our below Tutorial video to grasp overall process to config magento 2 Layered Navigation with Filterable Attributes

WATCH VIDEO ->

However, you have any hesitations to our tutorials, please view more at our Magento 2 Tutorials to deepen your knowledge in Magento 2. In case, you need to customize any things on your site, please feel free to contact us to [email protected] Some of the small changes are free of charge, get more detail about our custom work service here: Magento Development Services

Related Posts

MEMBERSHIP MAGENTO THEMES
HOW TO ADD MAGENTO 2 CUSTOMER GROUPS
ULTIMATE WAY FOR MAGENTO 2 ADD CATEGORY |VENUSTHEME
HOW TO SET UP MAGENTO 2 IMPORT PRODUCTS QUICKLY?
BEST WAY TO ADD PRODUCT ATTRIBUTE MAGENTO 2
QUICKEST WAY TO ADD IMAGE PRODUCT MAGENTO 2
ENABLE URL IN MAGENTO 2
CUSTOM MAGENTO 2 SKIN IN THEME SETTING
CREATE MAGENTO MULTIPLE LANGUAGES AND CURRENCIES

Share this Post!

Panda Thuan
Panda Thuan
Creativity is falling in love with the world

0 Comment

Leave a Comment

Your email address will not be published.

Do NOT follow this link or you will be banned from the site!