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} extraLarge — $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