📖 Swatches are small thumbnails that represent values like colors, patterns, or styles in your filter tree.
💡
In Boost, Swatch settings affect the Filter swatch, Product item swatches (on product pages) and Product grid swatches (collection/search results) in your filters.
They do not change:
Quick view swatches
To configure those other swatch types, use their specific theme or app settings.
Enable swatch settings
⚠️ Filter option values with more than 30 characters will not be listed as a swatch value in Swatch settings.
You can enable swatch settings when setting up filters for titles, heights, colors, sizes, and filters using tags and Metafields.
To integrate swatches in those filters
In the Boost app admin, go to Filter > Filter trees.
Click the filter tree that you want to update.
Click Add filter option (or open an existing filter option to edit it).
In Option type, select the option you want to display as swatches, such as:
Color, Size, Height, Title
Tag
Metafield
In Option display, select Swatch.
In Swatch style, select your preferred style.
Click Save on the Edit filter option page.
Click Save on the Filter options page.
Open your storefront and confirm the filter shows swatches.
How to customize the Swatch item element
Please follow this article to learn more.
Manage swatch settings for Filter swatches
Please follow this article to learn more.
Feel free to reach out to our dedicated support team via chat if you have any questions or require additional assistance.