Usage

Category filter

The filter shows the child categories of the current page. On a page without a category, such as search results, it shows the top categories. A category with no products for the current selection is hidden. Each count covers the category and everything under it.

Customers can pick several categories, and the filter keeps working with the other filters. Reset clears them too. A category click loads right away, also in Apply mode.

A category with no child categories shows no category filter.

Apply button

The button sits at the end of the block. Customers tick what they want, set a price and press Apply, so the page loads once. In the horizontal template each open filter also has its own Apply. In Apply mode, values do not grey out until the customer presses Apply.

Drop-down list

Good for a long list of values. A drop-down takes one value, and All clears it. If a customer should pick several values, keep the theme default.

Image tiles

Tiles use the image of the feature variant, added under Products > Features, in the variant. A variant without an image shows its name.

All of the values

For a Multiple checkbox feature such as “Works with”, customers often want products that fit everything they picked. With All of the values, picking Phone and Tablet shows products that have both. A value that would give no products is switched off.

Phones

Below 768 px the block leaves the page, and a Filters button stays at the bottom, with the number of picked values. The sheet closes with the cross, by tapping outside it, or with Show products.