Skip to content

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}]

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]"

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 ​

  1. Navigate to App Settings > Storefront Settings
  2. Open Option Price Display Format
  3. Edit the format string
  4. Click Save in the contextual save bar