Variant swatches
Product pages
Display your product variants as Swatches to make it easy for customers to view your product options at a glance. Instead of a dropdown menu, swatches visually represent your variants as a row of clickable buttons.
You can add swatches using default or custom colors, or you can use variant or custom images to represent your product variants more precisely.
Enable swatches
In the theme editor, enable swatches in your theme settings by adding the option name for your product variants. You can enable swatches for multiple product options. If your store uses multiple languages, make sure to add the translated product option names for each language.
If you want to set up variants as individual products with their own images and details, learn how to set up Sibling product swatches..
Set up swatch colors or images
Choose one of four ways to add swatches:
Appearance settings
You can choose to show swatches on products cards when hovered over anywhere on your site. Stiletto also has Dynamic option availability that grays out swatches of out-of-stock variants.
Show swatches on product cards
Watch tutorial
Watch the tutorial video for setting up swatches, including default colors, custom colors, and custom images.
Related links
Last updated