How to use filters
This feature allows your users to easily filter the list of items by one or several criteria, e.g, Category, Size, Type, Availability etc.

Go to the Content tab
Check Enable filters
Select filterable columns

For each selected column a filter dropdown will appear on the website. A column name will become the filter name, and the distinct values of that column will become the filter values.
Pro tip: In your Google Sheet use comma-separated values if you want an item (row) to fit multiple values for a filterable column. E.g. Red, Green
To display filters in a sidebar, switch the corresponding toggle on:

You can easily change the order of filters by dragging and dropping the filter columns in the menu:

Our filters have AND logic between the filters but OR logic inside one filter:


How to enable filters
Go to the Content tab
Check Enable filters
Select filterable columns

For each selected column a filter dropdown will appear on the website. A column name will become the filter name, and the distinct values of that column will become the filter values.
Pro tip: In your Google Sheet use comma-separated values if you want an item (row) to fit multiple values for a filterable column. E.g. Red, Green
Display filters in a sidebar
To display filters in a sidebar, switch the corresponding toggle on:

Change the order of filters on the website
You can easily change the order of filters by dragging and dropping the filter columns in the menu:

Filter Logic
Our filters have AND logic between the filters but OR logic inside one filter:

Updated on: 25/04/2024
Thank you!