Variant selector block

How customers pick size, color, and other options on the product page.

Last updated About 2 hours ago

The Variant selector block is required on products with variants — without it, there's no way to choose options before adding to cart. It appears in Product information and Featured product.

Choose dropdown or pills

Variant selector style:

  • Dropdown — compact, good for many options.
  • Pills — clickable buttons; enables swatches when Shopify swatch data exists.

Style swatches

When using pills:

  • Style swatchCircle, Square, or Text (no color/image, label only).
  • Size swatch — small, medium, or large.

Swatch colors and images come from Shopify category metafields — see Variant swatches.

Product content drawer

Optional drawer linked to one variant option (e.g. a size guide on the Size option):

  • Show product content drawer
  • Variant option name — which option triggers it.
  • Label, Content, or link a Page.

Other settings

Show above the fold on full-width gallery layouts. Visibility settings. Gallery reaction to variant changes is in Product gallery settings and Product information.