Swatches

Control how color and variant swatches appear on your store, including styles, sizes, and display rules.

To use swatches for variants other than color, visit your language files.

Settings	Type	Description
Swatches type	select	Choose the swatch system: Theme (custom swatches), Native (browser default), or None (disable swatches).
Show sale indicator	checkbox	Displays a red dot under swatches if that variant is on sale.
Swatch size	select	Size of each swatch: Regular or Large.
Swatch style	select	Choose between Circle or Square swatch shapes. Learn more
Sibling style	select	Defines how product siblings (like colors) display: Color swatches or Product image.
Collection style	select	Sets how swatches appear in collections: Text only, Slider, Slider on hover, Swatch with text, or Grid.
HEX codes and files	textarea	Define color swatches using HEX codes or custom image filenames. Each rule on its own line.