Skip to main content

Swatches

Settings​

SettingIDTypeDefaultDescription
Swatches sourceswatches_sourceselecttheme
Swatches option nameswatches_option_nametextColor,Colour,Couleur,FarbeSeparate options with a comma. Case-sensitive. E.g. Color,Couleur,Farbe
Variant images firstswatches_variantcheckboxtrueWhen enabled, the variant image is displayed first. If the variant is not set, will be matched from the swatch color list below.
Swatches image crop alignmentswatches_crop_alignselectcenter
Swatch color listswatches_value_listtextareaOne color per line. Example: Red:#ff0000. Up to three colors can be used to show vertical stripes. Example: Red Blue Stripes:#e22#22e

Option values​

  • Swatches source (swatches_source): No (none), Shopify (native), Theme (theme)
  • Swatches image crop alignment (swatches_crop_align): Top (top), Middle (center), Bottom (bottom)

💡 Available under Theme settings in the editor.