How to display layered navigation on category page?

To display Layered Navigation on the category page in Magento 2, follow the steps below:

Step 1: Enable Layered Navigation Layout

1. In the Magento Admin, go to:

Catalog → Categories

2. Select the desired category.
3. Open the Design tab.
4. From the Layout dropdown, choose 2 Columns Left (this ensures the left sidebar is displayed where layered navigation appears).
5. Save the category and check the frontend.

By default, the Price filter should appear in Layered Navigation if products in the category have prices set.

Step 2: Configure Product Attributes for Layered Navigation

1. Go to:

Stores → Attributes → Product

2. Edit the attribute you want to display in Layered Navigation (e.g., Color, Size).
3. Open the Storefront Properties tab.
4. Set Use in Layered Navigation to:

• Filterable (with results) → Shows only values that apply to products in the category.
• Filterable (no results) → Displays all possible values, even if no products match.

5. Save the attribute.

✅ Once these settings are applied, layered navigation will appear in the left sidebar of your category pages, allowing customers to filter products by attributes like price, size, or color.

Updated on: 17/09/2025