The shop and its filters

The shop, product category and search results pages use WooCommerce's own blocks, styled by LanternWP: product filters, sorting, the number of results and pagination. Ticking a filter, changing the sort order or removing a chip refreshes the products in place, without reloading the page.

Filters

The filters are WooCommerce's Product Filters blocks: category, attributes such as colour and size, price, rating and stock. On a category page, the category filter lists only that category's subcategories. On phones the filters open from a button over the products.

To change which filters show and their order, go to Appearance → Editor → Templates, open Product Catalog and select the filters.

When nothing matches

When the chosen filters match no product, the page says so and offers Clear all filters, which keeps the sort order and the search.