Add Filter Blocks

When to use this

Use this when you want to control which filters a shopper sees and how each one behaves. Each block maps to data you already manage in WooCommerce.

Before you start

• You have a filter set open in the Fuzzy admin.
• You know which product data matters most for your shoppers.

Available blocks

The block library covers the common WooCommerce facets:

• Category — filter by product categories.
• Price — a slider or a list of price ranges.
• Attribute — filter by a product attribute such as color or size.
• Rating — filter by review rating.
• Stock — filter by stock status, for example in stock only.
• Sale — show products currently on sale.
• Sort — let shoppers reorder results.
• Fuzzy Search — a text search box inside the filter.

Steps

1. Add a block from the block library into the filter set.
2. Pick its source where needed, for example which attribute the block uses.
3. Set a shopper-friendly label such as Color, Size, or In stock.
4. Choose the display for the block, such as buttons, swatches, a slider, or a

dropdown, where the block supports it.

5. Decide on counts and empty values: show the result count next to each

value, and hide values that currently match no products.

6. Save and test on the storefront.

Expected result

Each block you added appears in the storefront filter with your label, and selecting a value narrows the products. For a first set, Category, Price, Attribute, Stock, and Sort cover most stores.

Troubleshooting

• A block shows no values. The underlying data may be empty, or empty values

are hidden. Confirm products use that category or attribute.

• Too many values in one block. Turn on search inside the block for long

lists so shoppers can type instead of scroll.

Related

• Tutorial: Create your first WooCommerce product filter.
• Reference: Filter Editor — Filters / Blocks (per-block options and defaults).