Variants and swatches

The Variant picker block shows each product option, such as size or color. Choose buttons or dropdowns in its Style setting.

Color swatches

Tandem shows swatches automatically for options that use Shopify’s swatch values.

1. Open a product in Products and edit the option, such as Color.
2. Pick values from the category metafield list, such as Color, or create your own with a color or image.
3. Save. The variant picker shows each value as a round swatch, and sold-out values are crossed out.

See Shopify’s help on variant swatches.