Variant picker
The Variant Picker block allows customers to select different product options such as size, color, or style. It updates the product information dynamically based on the selected variant.
This block is essential for products with multiple options and ensures a smooth and interactive shopping experience.
Settings
| Setting | Type | Description |
|---|---|---|
| Style | select | Defines how variants are displayed: Dropdown or Pills. |
| Default Variant Swatch Map Metabobject | text | References a metafield used to map variant swatches (e.g. color values or images). |
| Swatch Size | range | Controls the size of swatch elements in pixels. |
Notes
- Selecting a variant updates price, availability, and product media in real time.
- The Pills style is ideal for visual options like colors or sizes.
- Swatches can be powered by metafield data for more advanced customization.
- Product-level metafields can override the default swatch mapping.
- Swatch size is applied consistently across all variant options (e.g. color and size).
- Ensure swatch data is correctly configured for consistent display.