Filters
Help shoppers narrow a catalogue into a useful selection. Create filters, choose their data and appearance, then preview the result on your storefront.
Create your first filter.
Choose a source field, set the display type and review its options in the filter preview.
Follow the guide- 01Choose the product data
- 02Configure the display
- 03Review the preview
A colour filter, explained.
- 1 Source
- Variant option: Color
- 2 Display type
- Color Swatches
- 3 Filter options
- BlackNavyIvory
- Start with the source.
Values come from the selected product attribute. This example uses a variant option named Color.
- Choose how it appears.
Color Swatches turns colour values into visual choices. Check custom colour mappings.
- Review the options.
Enable the values you need and put them in a useful order. Open Preview Filters before saving.
Understand your filters
Choose the data and display types that fit your catalogue.
Managing Filters
A complete guide to the Filters page — store filters, collection overrides, appearance, SEO, publishing, and first-run setup.
How Filters Work
Understanding how FilterIQ generates and displays product filters.
Filter Types Reference
Complete reference for all 15+ filter types available in FilterIQ.
Make them work for your store
Work with custom attributes, collection overrides and appearance.
Metafield Filters
Create filters from Shopify metafields to enable filtering on custom product attributes.
Filter Customization
Customize filter appearance with CSS variables, class overrides, and layout configuration.
Collection Filters
Create collection-specific filter overrides to tailor the filtering experience per collection.
Filter Sets & Presets
Use filter sets and presets to quickly apply pre-built filter configurations.
Color & Image Swatches
Configure color and image swatches for visual filtering in FilterIQ.
Preview and publish
Check the shopper experience and understand the publishing workflow.
Check the product data, active configuration and theme placement.