Magento Expert Forum - Improve your Magento experience
-
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 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 Read more extension: Magento 2 Layered Navigation Extension
It comes to the end of tutorial: How to Configure Layered Navigation with Filterable Attributes in Magento 2.
Read more extensions:
Magento 2 Store Locator Extension
Magento 2 Shop by Brand Mageplaza
Magento 2 Product Feed Mageplaza
Magento 2 Social Login
Magento 2 FAQ Extension
Magento 2 Search Extension
View more threads in the same category:
-
-
Junior Member
Thanks for sharing!
This Magento 2 Layered Navigation extension simplifies the navigation process and allows customers to filter products by selecting multiple attribute values at once, using various price sliders and more.
Features:
Layered Navigation on category pages and search results
Select multiple attributes at the same time
Full support of image and color swatches
Price slider and "from-to" input boxes
Expand and collapse multiple sections at once
Display the advanced product count in brackets for each attribute value
All chosen attributes are added to URL and can be copied
Fully responsive design for tablets and mobile devices
The Layered Navigation extension for Magento 2 – https://www.itoris.com/magento-2-lay...avigation.html
Video Tutorial for the Layered Navigation extension – https://www.itoris.com/blog/videos/l...-tutorial.html
-
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
Bookmarks