Selected variant
The values of `variant` inside `smootify-product` or `smootify-variant` or `box-item`.
On this page
Where it can go
- Inside any of:
smootify-product,smootify-variant,box-item. - On text.
Values
| Attribute and value | What it is | Notes |
|---|---|---|
variant="title" | Title | The product title inside smootify-product and box-item; the variant title inside smootify-variant |
variant="sku" | SKU | — |
variant="barcode" | Barcode | — |
variant="stock" | Stock | — |
variant="weight" | Weight | — |
variant="unit-price" | Unit price | — |
variant="discount-percentage" | Discount percentage | — |
variant="discounted-amount" | Discounted amount | — |
variant="option1-name" | Option 1 name | also read as option1-label |
variant="option1-value" | Option 1 value | — |
variant="option2-name" | Option 2 name | also read as option2-label |
variant="option2-value" | Option 2 value | — |
variant="option3-name" | Option 3 name | also read as option3-label |
variant="option3-value" | Option 3 value | — |
variant="quantity-min" | Minimum quantity | — |
variant="quantity-increment" | Quantity step | — |
variant="quantity-max" | Maximum quantity | — |
variant="image" | Image | on image |
variant="url" | Link | The product page on this variant; on link |
variant="id" | Variant id | The variant chosen at that moment: in an input its id as the value, sent by a form inside the product (an alert for the Walnut top); elsewhere its number; on input, text |
variant="components" | Bundle components | One copy per component of a fixed bundle; on container |
variant="swatch1" | Swatch of option 1 | Holds the swatch parts; on container; inside smootify-variant |
variant="swatch2" | Swatch of option 2 | on container; inside smootify-variant |
variant="swatch3" | Swatch of option 3 | on container; inside smootify-variant |
data-type="min, min-available or max" | Which variant | on link; with [variant=“url”] |
data-format="{{price}} / {{unit}}" | Price format | with [variant=“unit-price”] |
variant="number" | Number of values | on text; inside variant-swatches, variant-dropdown, variant-popover, variant-selector |
remove-parent="true" | Remove the parent | For Default Title, the parent goes instead; inside smootify-variant; with [variant=“option1-value”], [variant=“option2-value”], [variant=“option3-value”] |