Storefront filters
Filters help customers reach the products they want quickly, for example by color, size or material. They appear beside the product list in your store, and customers pick the values they want to narrow the list. You create them in Products > Filters, then tag each product with the filter values that describe it.
Each filter has a name, such as "Color", and a list of values, such as "Red", "Blue" and "Black". A value can be plain text, a color swatch or a small image.
Filters depend on your plan, and staff members need the permission to manage filter settings. Turning filters on or off in your store needs the permission to manage order and product settings. Charity (NGO) stores don't see Filters in the sidebar.
Show filters in your store
When filters are turned off for your store, the page shows a Show filters in store card instead of the list.
Go to Products > Filters.
Select Enable. The message Filters are now visible in your store confirms the change.
To hide all filters from your store again, select Disable at the top of the page. Your filters are kept, and you can enable them later.
The filters list
When filters are turned on, the page lists your filters. Type in Search to find one by name.
| Column | What it shows |
|---|---|
| Name, Slug | The filter's name and its slug (its identifier in store links). Select the name to edit it. |
| Preset count | How many values the filter has. |
| Status | A switch that shows or hides this filter in your store. |
| Actions | Delete and Edit. |
Drag a filter up or down to change the order customers see. The new order is saved straight away.
Create a filter
Go to Products > Filters and select Create.
Sample data from a demo store. In Filter name, enter the name in Arabic, English or both. At least one language is required.
Sample data from a demo store. In Filter values, fill in the first value:
Option value name: the value's name in at least one language.
Filtration type: choose None for a text value, Color to show a color swatch, or Image to show a small picture.
For Color, pick the shade you want with Select Color.
Sample data from a demo store. For Image, upload a PNG, JPG, JPEG, GIF, WEBP or SVG file of up to 2 MB. A 64 × 64 pixel PNG works best.
Sample data from a demo store.
Select Add new option value for each extra value. Drag values to reorder them, or select Remove to delete one (a filter keeps at least one value).
Select Save.
Edit or delete a filter
Select the filter's name or Edit to open Edit filter. On this page, the name and each value are saved separately:
Change the Filter name and select Save at the top of the page. This button saves only the name.
Change an existing value and select the Save button inside that value. Select Delete inside a value to remove it.
Select Add new option value, fill in the new value and select Add. The value is created straight away.
Drag values to reorder them. The new order is saved straight away.
To delete the whole filter, select Delete at the top of the edit page, or Delete on its row in the list, and confirm.
Tag products with filter values
Filters only narrow down results when your products carry their values.
Open a product from Products > All products.
Expand Advanced information.
In Filters, choose one or more of the values you created. Each one appears as the filter name and value, such as "Color: Red".
Sample data from a demo store.
Your choices are saved as soon as you pick or remove them; you don't need to select Save product. You can also update product filters in bulk with an import file. See Import and export products.
Related
Still need help?
Our customer service team is ready to help, or find quick answers in the FAQ.