How to Setup Filter ?
The Filter List feature lets you add a set of filters to your collection, allowing you to display the exact custom filters you need.
You can include filters based on tags, metafields, product types, colors, collections, and more. By default, these filters apply to all collections, but you can also choose specific collections where the filters should be used.
- Select the Filter element on the left panel, then click the Settings tab and click the icon marked with a red arrow.
- Click the "View All" button to open a popup.
- Click the "Add" button
- Enter the desired filter list name and select the collection to be displayed in the filter list.
- Choose the collection you want the filter shows up
- Click Save Button
The filter list has now been added, but it is currently inactive. Activate it by toggling the switch indicated by the arrow on the left.
- The status will change to active. Next, click the edit icon as shown in the image below
- A new section will appear at the bottom. Click the "Add Item" button.
-
Fill in the form with the desired details: Label, Type, Display, and Operator
Explanation:
- Label: The title displayed in the collection list as the parent category.
- Type: The type of filter to be displayed.
- Display: The input type used for filtering, such as Checkbox, Radio Button, Select Option, Swatch, or Tree.
- Operator: The logic that will be applied.
- Example of a completed form
- Once successfully added, the item will appear in the list below.
- Click the Back to Filter List button to return to the filter list menu.
- Next, click the Set as Preview button to view it in the preview customizer
- Here is the filter display in the preview customizer
