Tooltips and prices
Two small details that help shoppers decide: the value's name when they hover a swatch, and the price of each value. Both live in the Labels section of the style editor.
Show the value name on hover
Swatches show no text, so shoppers hover over one to see its name. Show the value name on hover is on by default. Turn it off in the style's Labels section for a cleaner row.
Tooltip colours, text size and corners are under Tooltip in Advanced styling.
Note
Polaroid prints the name under each photo, and pill styles show it inside the pill.
The line above the swatches (Color: Red) is a separate, shop-wide setting. See Option label line.
Show a price on each value
Suitable for
Values that cost different amounts, such as sizes, capacities or pack quantities.
- 1
Open a product page style
In Styles, on the Product page tab, click Customize on the style. Product card styles don't show prices.
- 2
Turn on Show a price on each value
In Labels, switch on Show a price on each value.
The price settings in the Labels section - 3
Choose Price to show
Pick From (lowest price) or Exact (selected variant), described below.
- 4
Save
Click Save.
| Price to show | What appears |
|---|---|
| From (lowest price) | The lowest price among the variants with that value, followed by + when those variants don't all cost the same. For example $19.00+. |
| Exact (selected variant) | The same lowest price, without the +. Best when every variant with that value costs the same. |
Good to know
- Button with price always shows prices. The other button styles don't offer the setting.
- On swatch styles, the value name and price appear under each swatch.
- Value prices are worked out when the page loads. Your theme's main price remains the live price of the selected variant.
- Price settings don't apply to product groups.
Need help?
Open the app and click Chat with us on the Dashboard for free setup assistance, or contact us with your store address and what you are stuck on.