Dropdown

A single-select option that shows your values in a compact dropdown list. The customer opens it and picks one. Because a closed dropdown takes up a single line no matter how many values it holds, it’s the best choice for long lists where buttons or swatches would wrap awkwardly.

When to use it

• The list of values is long (sizes, finishes, font choices).
• Vertical space on the product page is tight.
• The choice isn’t visual — there’s nothing to gain from showing swatches or buttons.

For short lists where you want every value visible at a glance, use Buttons or Radio. For colors or material previews, use color or image swatches.

Add a dropdown

1. In your option set, click Add option.
2. Set Type to Dropdown.
3. Enter an Option name (“Size”, “Font”).
4. Under Option values, replace the example values, then type each new value into the empty Add another value row at the bottom — a fresh empty row appears as you type.
5. Done, then Save.

Picking one or several

Dropdowns always let the customer pick exactly one value. If you need a list where the customer can pick more than one, use Checkboxes or Buttons instead.

Advanced settings

• Default — by default the first value is preselected. Pick a different one under Select a default value, or choose None to force an explicit choice.
• Validation → Required — require the customer to choose before adding to cart.
• Pricing — charge an add-on when a value is chosen. See Add-on prices.
• Visibility — show the dropdown only after another choice is made. See Conditional logic.

What customers see

A standard dropdown next to your option name. The chosen value is added to the cart as a line-item property, so it carries through to checkout and the order.

Related

• Radio — the same single choice, shown as an open list
• Buttons — tappable, can allow multiple picks
• Add-on prices — charge more for specific values