Color swatches

Written in stage 2

What these settings change on the storefront, with screenshots and examples. Everything below is generated from the theme’s schema, so it always matches the theme editor.

Setting	Type	Default	Options and range
Swatches come first from the Color category metafield (shopify.color-pattern) linked to a product option, then from the option value’s own swatch, then from the list below.
Color swatch trigger Option names that show swatches from the list below, separated by commas. For example: Color, Colour.	Text	Color, Colour
Swatches list One swatch per line: the option value, a colon, then a hex color, an RGB color, a color name, or the name of an image uploaded in Content > Files. For example: Camel: #B08457.	Multiline text	—	Placeholder: “Camel: #B08457 Navy: #1F2A44 Linen: linen-swatch.jpg”