# Pickers and add-ons

> The option pickers of a product and the add-ons added with it.

Status: Ready (Smootify 2.0)  
URL: https://www.smootify.io/docs/reference/elements/pickers-and-add-ons  
Updated: 2026-10-13

| Element | What it does |
|---|---|
| [`addon-checkbox`](https://www.smootify.io/docs/reference/elements/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`](https://www.smootify.io/docs/reference/elements/addon-dropdown) | Webflow dropdown listing the nested product’s variants as add-ons. |
| [`addon-popover`](https://www.smootify.io/docs/reference/elements/addon-popover) | Popover listing the nested product’s variants as add-ons. |
| [`addon-select`](https://www.smootify.io/docs/reference/elements/addon-select) | Select whose options are the nested product’s variants as add-ons. |
| [`addon-swatches`](https://www.smootify.io/docs/reference/elements/addon-swatches) | One button per value or variant of the nested product as add-ons. |
| [`dynamic-property`](https://www.smootify.io/docs/reference/elements/dynamic-property) | Form control configured by the product’s property metaobject with the same label. |
| [`subscription-swatches`](https://www.smootify.io/docs/reference/elements/subscription-swatches) | Webflow tabs and radios that choose a selling plan. |
| [`variant-dropdown`](https://www.smootify.io/docs/reference/elements/variant-dropdown) | Webflow dropdown whose links are the values of a product option. |
| [`variant-popover`](https://www.smootify.io/docs/reference/elements/variant-popover) | Popover whose links or buttons are the values of a product option. |
| [`variant-selector`](https://www.smootify.io/docs/reference/elements/variant-selector) | Native select whose options are the values of a product option. |
| [`variant-swatches`](https://www.smootify.io/docs/reference/elements/variant-swatches) | One button per value of a product option. |