Variant picker
The product's options shown as swatches or a dropdown, so the shopper can choose a variant.
Where it is used
Used in the featured-product, product-information and quick-view sections, and in the product page templates.
Settings
| Setting | Options | Description |
|---|---|---|
| Picker type | • Pills | Chooses how product options are shown: as clickable pills and swatches, or as a dropdown. |
| Swatch type | • Variant image | Chooses whether color options show a color swatch or the variant image. This applies on product pages only; other places follow the color swatch setting in theme settings. |
Size chart
| Setting | Options | Description |
|---|---|---|
| Show size chart | Adds a size chart link next to the size option that opens a popup. The link shows only when a size chart exists, either from the chosen size chart page or from the custom.size_chart metafield on the product or one of its collections. | |
| Size trigger terms | Product option names that open the size chart. Separate them with commas, e.g. Size, Length. Capitalization is ignored, so add the names your store uses. | |
| Size chart label | Text of the size chart link. It is also used as the title of the size chart popup. | |
| Size chart page | Get size chart information from the selected page. | |
| Size chart footer | Text shown in a strip at the bottom of the size chart popup. |
Custom size chart
Use specific size charts for each collection or product.
To use a custom size chart for a product or collection, create a metafield with the namespace and key: "custom.size_chart". Learn more
Swatch type applies on product pages only. Size trigger terms lists the option names that open the size chart, separated by commas. Capitalization is ignored.
Notes
The block is skipped for products that have only the default variant.
No comments yet