A Color swatch is a solid color or thumbnail image used to represent a product's color, pattern, or shade.
Set up variants for colors
To use swatches, at least one product must contain product variants with the option name "Color". Confirm this is the case before continuing.
Enable for product pages
In the theme editor (Customize), use the page selector to open Products, then Default product.
Click the toggle beside Product page to reveal its blocks.
Click the Variant picker block to customize its settings.
Activate Enable color swatches.
Enable for the product grid
In the theme editor (Customize), open the Theme settings, then Product grid.
Under Color options, select Display as swatches.
Enable for featured product section
In the theme editor (Customize), click the toggle beside the Featured product section to reveal its blocks.
Click the Variant picker block to customize its settings.
Activate Enable color swatches.
Share your experience with Tailor
Your feedback is crucial! Help make Tailor better by sharing your thoughts.
What to provide:
- Pain points: What's not working for you?
- Missing features: What should we add to Tailor?
- General feedback: Any other ideas?
How to provide feedback:
- Fill out our quick and easy form.
- Details help us improve, so the more specific, the better!