# Selected variant

> The values of `variant` inside `smootify-product` or `smootify-variant` or `box-item`.

Status: Ready (Smootify 2.0)  
URL: https://www.smootify.io/docs/reference/attributes/variant  
Updated: 2026-10-13

## Where it can go

- **Inside any of:** [`smootify-product`](https://www.smootify.io/docs/reference/elements/smootify-product), [`smootify-variant`](https://www.smootify.io/docs/reference/elements/smootify-variant), [`box-item`](https://www.smootify.io/docs/reference/elements/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”] |