- What is Layered Navigation in Magento 2?
How to configure Layered Navigation in Magento 2?
How to configure Layered Navigation in Magento 2?
- Introduction about Filterable Attributes.
What is Price Navigation?
After providing to you some guideline helping you optimize marketing features in your Magento 2 site, now we’ll take a look at the search capabilities of your store, what you can learn from customer searches, and how to make your products easy to find. This is a very important feature for every e-commerce site that refers to the methods shoppers use to move from page to page throughout your store. And today, we will learn about Layered Navigation.
- 1 What is Layered Navigation in Magento 2?
- 2 How to configure Layered Navigation in Magento 2?
- 3 Introduction about Filterable Attributes.
- 4 What is Price Navigation?
Layered Navigation is one kind of Catalog Navigation which makes it easy to find products based on category, price range, or any other available attribute. It usually appears in the left column of search results and category pages and sometimes on the home page. The standard navigation includes a “Shop By” list of categories and price range. You can configure the display of layered navigation, including product count and price range.
Layered Navigation in Magento 2 site
- The layered navigation configuration determines if a product count appears in parentheses after each attribute, and the size of the step calculation that is used in price navigation. To configure layered navigation, we do the following:
- Firstly, from the admin sidebar, navigate to Store>Conguration, then expand the Catalog section and choose Catalog.
- After expanding the Layered Navigation, set Display Product Count to “Yes.” to display the number of products found for each attribute. Then set Price Navigation Step Calculation to “Automatic (equalize price ranges).”
- Finally, tap Save Config.
- In the next part, we will learn about two kinds of Layered Navigation in Magento 2: Filterable Attributes & Price Navigation.
Introduction about Filterable Attributes.
- Layered navigation can be used to search for products by category or by attribute. For example, when a shopper chooses the Mens/Shorts category from the top navigation, the initial results include all products in the category. The list can be filtered further by choosing a specific style, climate, color, material, pattern, or price—or a combination of values. alterable attributes appear section that lists each attribute value. Each attribute can be configured to display the number of matching records found.
Filterable Attributes In Layered Navigation
- Here is the following instructions show how to set up basic layered navigation:
Set Up the Attribute Properties
Make the Category an Anchor
Test the Results
Step 1: Set Up the Attribute Properties
- Firstly, on the Admin sidebar, tap Stores. Then under Attributes, choose Product. Then open the attribute in edit mode.
In the panel on the left, choose Frontend Properties. Then, set Use In Layered Navigation to one of the following: Filterable (with results) or Filterable (no results). After that set Use In Search Results Layered Navigation to “Yes.”
- Repeat these steps for each attribute that you want to include in layered navigation.
Step 2: Make the Category an Anchor
- On the Admin sidebar, tap Products and choose Categories. In the categories tree on the left, tap the category where you want to use layered navigation. On the Display Settings tab, set Is Anchor to “Yes.” and tap Save Category.
Step 3: Test the Results
To test the setting, go to your store and choose the category in the top navigation. The selection of filterable attributes appears in the layered navigation.
Price navigation can be used to distribute products by price range in layered navigation. You can also split each range in intervals. There are ways to calculate price navigation:
- Automatic (Equalize Price Ranges)
- Automatic (Equalize Product Counts)
With the first two methods, the navigation steps are calculated automatically. The manual method lets you specify a division limit for price intervals. The following example shows the difference between price navigation steps of 10 and 100.
Price Navigation in Layered Navigation
To configure each kind of Price Navigation, we do as the same way with configuration Layed Navigation. Firstly, tap Store>Configuration>Catalog>Catalog.
|1||Automatic (equalize price ranges)|
|2||Automatic (equalize product counts)|
1. Automatic (equalize price ranges)
- Leave Price Navigation Steps Calculation set to the default, “Automatic (Equalize Price Ranges.)” This setting uses the standard algorithm for price navigation.
2. Automatic (equalize product counts)
- Set Price Navigation Steps Calculation to “Automatic (equalize product counts).”
- Set Display Price Interval as One Price to “Yes” if you want to display a single price when multiple products with the same price.
- In the Interval Division Limit field, enter the threshold for a number of products within a price range. The range cannot be further split beyond this limit., The default value is 9.
- Set Price Navigation Steps Calculation to “Manual.”
- Enter a value to determine the Default Price Navigation Step.
- Enter the Maximum Number of Price Intervals allowed, up to 100.