Buttons

This filter type behaves like checkboxes, but is visually represented by buttons. It’s commonly used  to display short labels like shoe size or t-shirt size.

Buttons filter type
Sizes presented as buttons

Available options

Option nameDescription
Data sourceWhere should the checkbox items come from?
Read more about data sources.
When to showAlways – a filter will always be displayed

Auto – a filter will be visible conditionally. Read more about content-aware filters.
Logical operatorOR” is the most common logical operator used for buttons

OR (match any) – products that match any of the selected attribute values will be included.

For example, if you select “Size” values of 55 and 56, products with size 55 and size 56 will appear.

AND (match all) – products that match all of the selected attributes will be included.

For example, if you select “Pot material” as Aluminum, you won’t be able to select “Enamel” because that would mean displaying pots that are both aluminum and enamel – such products don’t exist. The AND operator is useful for features that do not mutually exclude each other, such as car accessories.
Values orderIn what order should the button labels be presented?

Alphabetically – sorts choices alphabetically

Numerically – sorts choices numerically (only visible when all filter values ​​are numbers)

By counters – sorts choices by the total number of products assigned with that feature

By term order – determines the sort order of the terms using custom ordering. Custom ordering is supported by WooCommerce, but there are plugins that do this job as well. Currently, we don’t support these plugins.
Show countersCounters are disabled by default for this filter type. Store owners often use this filter to present numeric values, so showing counters next to the filter would reduce readability. If you decide that this is not right for your store, you can enable this option.
Display the filter name in applied filtersIf users select features in the Buttons filter, they will also be displayed above the products in a special section called “Applied filters”.

With this option enabled, the “Filter name” and “Selected feature” will be displayed as shown in the screenshot below. Inversely, when the option is disabled, only “Selected feature” will be shown.

Applied filters labels - example