Handsome documentation

Theme settings

Product variants

How option pickers look on the product page, product cards and quick add: buttons, dropdowns or swatches, chosen per option name. See the swatches guide.

Selector styles

SettingWhat it does
Default variant option styleDropdownUsed for every product option that has no override below.
Simple buttonsButtons with priceColor swatchImage swatchDropdown
Swatch colors and images are set on each option value in Products. Unset values use their name as a color.

Style by option name

Separate several names with commas, such as Color, Shade.

SettingWhat it does
Variant option 1 nameTextText
Variant option 1 styleDropdown
Simple buttonsButtons with priceColor swatchImage swatchDropdown
Shown only when it applies to the options chosen above.
Variant option 2 nameTextText
Variant option 2 styleDropdown
Simple buttonsButtons with priceColor swatchImage swatchDropdown
Shown only when it applies to the options chosen above.
Variant option 3 nameTextText
Variant option 3 styleDropdown
Simple buttonsButtons with priceColor swatchImage swatchDropdown
Shown only when it applies to the options chosen above.