Layered navigationThe primary group of web page links that a customer uses to navigate around the website; the navigation links to the most important categories or pages on an online store. allows customers to search and browse products using facets by categoryA set of products that share particular characteristics or attributes. or by attributeA characteristic or property of a product; anything that describes a product. Examples of product attributes include color, size, weight, and price.. 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. Filterable attributes appear in an expanding section that lists each attribute value. As an option, the list of products with matching results can be configured to include products with, or without, a match.
The attribute properties, combined with the product input type determines which attributes can be used for layered navigation. Layered navigation is available only for “anchor” categories, but can also be added to search results pages. The Catalog Input Type for Store Owner property of each attribute must be set to “Dropdown,” “Multiple Select,” or “Price.” To make the attributes filterable, the Use in Layered Navigation property of each must be set to either “Filterable (with results)” or “Filterable (no results).”
The following instructions show how to set up basic layered navigation with filterable attributes. For advanced layered navigation with price steps, see: Price Navigation.
|1.||On the Admin sidebar, tap Stores. Then under Attributes, choose Product.|
|2.||Find the attribute in the list, and open in edit mode. Then, do the following:|
|a.||In the panel on the left, choose Storefront Properties. Then, set Use In Layered Navigation to one of the following:|
Filterable (with results)
Layered navigation includes only those filters for which matching products can be found. Any attribute value that already applies to all products shown in the list should still appear as an available filter. Attribute values with a count of zero (0) product matches are omitted from the list of available filters.
The filtered list of products includes only those that match the filter. The products list is updated only if the selected filter(s) change what is currently shown.
Filterable (no results)
Layered navigation includes filters for all available attribute values and their product counts, including those with zero (0) product matches. If the attribute value is a swatch, the value appears as a filter, but is crossed out. Price layered filtering is not supported by this option, and does not affect Price filters.
|b.||Set Use In Search Results Layered Navigation to “Yes.”|
|3.||Repeat these steps for each attribute that you want to include in layered navigation.|
The Position field will be grayed out by default. You must save the attribute before you can modify this setting.
To test the setting, visit your store and navigate to the category from the main menu. The selection of filterable attributes appears in the layered navigation of the category page.
Search, filter, and review the displayed products.