Skip to content

Price Display Settings

Configure how option prices are displayed to customers.

Overview

Price Display Settings control how the cost of options is shown alongside the base product price on your storefront.

Price Display Mode

Choose one of three modes for how priced options affect the displayed product price.

Price Display Mode settings with three options: Add to Price, Append to Price, and Display below options

ModeHow It Works
Add to PricePriced option total is added to the product price
Append to PricePriced option total is shown beside the product price
Display below optionsPriced option total is displayed below the options

Add to Price (Default)

The option total is summed with the base product price into a single number.

Live preview showing a single combined price of $37.49

  • Cleanest display
  • Single total price shown
  • Customers see final price immediately

Append to Price

The base product price is shown first, with the option total appended in parentheses.

Live preview showing $29.99 (+ $7.50)

  • Shows base + extras separately
  • Customers see what options cost
  • Good for transparency

Display below options

A detailed breakdown is shown beneath the options, listing the base price, each priced selection, and the total.

Live preview with a Total Extras breakdown: Base Product Price $29.99, Size Selection: Extra Large +$7.50, Total Price $37.49

  • Most detailed breakdown
  • Lists each selection with price
  • Best for complex configurations

How to Access

  1. Navigate to App Settings > Storefront Settings
  2. Open Price Display Settings
  3. Choose your preferred Price Display Mode
  4. Click Save in the contextual save bar

Changes apply immediately to your storefront.

Best Practices

  • Use "Add to Price" for simple products
  • Use "Display below options" for complex configurations with multiple add-ons
  • Test which format customers find clearest