variant-selector
Native select whose options are the values of a product option.
Where it can go
- Inside
smootify-product. - Not inside an element with
hiddenat boot: it does not mount. - Must contain
select. - Out of place, Smootify removes it from the page: also when its option is missing or Default Title.
What it requires
Nothing beyond Smootify: it works on every plan.
Attributes on the element
- It reads
data-option,data-option-name. - It reads
allow-unavailableonsmootify-add-to-cart. - Smootify writes
role,aria-labelon it: do not set them yourself.
Attributes inside it
| Group | Attribute name | Values |
|---|---|---|
| Selected value | selected-option | 5 |
Loading
Its code loads only on pages that have variant-selector.