Variant selector block
How customers pick size, color, and other options on the product page.
Last updated 4 months 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 swatch — Circle, 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.
Was this helpful?
Still need help? Ask the team