Skip to main content

Variant color swatches

Swatches serve as valuable visual indicators, showcasing the colors, available for a product. Unlike plain text options, swatches offer customers a more intuitive and engaging way to interact with available choices. You have the flexibility to use color hex codes to enhance the presentation of your product variants.

How to set up variant color swatches

  1. Open the Theme Editor, and select a Product template -> Variants
  2. In the variant color style setting, choose Color swatch
  3. If you have set up Color swatches in the product settings, it should appear as color swatches here. Learn more about Color swatches