Appearance
Option Price Display Format
Customize how option values and their prices are displayed across all option types. Use variables to control the exact format and currency symbol placement.
Overview
This setting controls the format of option text wherever an option name and its add-on price appear together — dropdowns, radio labels, switch labels, swatch tooltips, and similar.
![Option Price Display Format setting with the default value {option} [+{amount}]](/docs/product-options/storefront-settings/option-price-display-format-settings.png)
Default Format
{option} [+{amount}]
Variables
{option}— The option value text{amount}— The price amount. If used, this is just the number (e.g.,5.00). Otherwise, this includes the currency symbol (e.g.,$5.00)
Live Preview
With the default format, an option named "Enable Express Shipping" priced at +$9.99 renders as:
![Express Shipping switch labeled "Enable Express Shipping [+$9.99]"](/docs/product-options/storefront-settings/option-price-display-format-preview.png)
Customization
Adjust the format string to match your preferred display style. For example:
{option} (+{amount})→Large (+$5.00){option} — {amount} extra→Large — $5.00 extra
How to Access
- Navigate to App Settings > Storefront Settings
- Open Option Price Display Format
- Edit the format string
- Click Save in the contextual save bar