Pickers and add-ons
The option pickers of a product and the add-ons added with it.
| Element | What it does |
|---|---|
addon-checkbox | Checkbox that adds the nested product as an add-on. The fields of every add-on widget can carry any Name (Webflow needs one). From mount they are named ##ignore-addon, which stays out of the cart line. Once the nested product loads, the checkbox becomes #addon|variantId|type|title|price, the quantity #quantity|variantId and the select #addon|SELECT|… (2.0). |
addon-dropdown | Webflow dropdown listing the nested product’s variants as add-ons. |
addon-popover | Popover listing the nested product’s variants as add-ons. |
addon-select | Select whose options are the nested product’s variants as add-ons. |
addon-swatches | One button per value or variant of the nested product as add-ons. |
dynamic-property | Form control configured by the product’s property metaobject with the same label. |
subscription-swatches | Webflow tabs and radios that choose a selling plan. |
variant-dropdown | Webflow dropdown whose links are the values of a product option. |
variant-popover | Popover whose links or buttons are the values of a product option. |
variant-selector | Native select whose options are the values of a product option. |
variant-swatches | One button per value of a product option. |