How pricing is applied

Why the product page shows a preview while checkout applies the final price, and what that means in practice.

The amount displayed beside an option on the product page and the amount the customer is charged are calculated in two different places. This explains several behaviors that might otherwise look like errors.

The two stages

1

While shopping: a preview

As the customer makes selections, the app adds up the add-ons and displays the result beside each option, and optionally in the product price.

This calculation runs in the customer's browser. It updates instantly, but it is only a display.

2

At checkout: the real prices

When the order is placed, Shopify applies the actual add-on prices.

This is the amount the customer is charged. The value displayed in the browser does not affect it.

Why it works this way

A Shopify storefront cannot change the amount a customer is charged. If it could, anyone could edit the page and buy a $500 product for $5.

The app therefore displays a preview in the browser and lets Shopify apply the real price at checkout. This means add-on pricing cannot be changed by the customer, and the amount charged always matches their selections.

What that explains

Behavior	Reason
Add-on products appear as their own cart lines	That is how a real product is added to a real cart. You can present them as one item — see Merge main product and add-ons
The displayed product price is configurable	It is a preview, so you choose whether it includes add-ons. See Add-on price display settings
A customer cannot fiddle the price in their browser	Editing the preview changes nothing that matters
The option details travel with the order automatically	They are attached to the cart line as line item properties, which is Shopify's own mechanism. See Show options on orders
Hidden options are not charged	A hidden option contributes nothing to the cart in the first place
An Fixed amount charge has no separate cart line	There is no product — the amount is applied to the main item

Do I need to set anything up?

No. The pricing mechanism is set up for your store automatically the first time the app runs. There is no setting to enable, no installation step, and no change to your theme.

If add-on pricing is not applied at checkout at all, and the amount is genuinely not charged rather than only displayed incorrectly, contact support. See Contact support.

What reaches the order

On the order you see	Where it comes from
The main product, at its price plus any Fixed amount amounts	Your product, adjusted at checkout
The option details, listed under the item	The customer's choices, as line item properties
One line per product-backed add-on, at its own price	The linked or generated products
A few technical properties linking the add-ons to their parent item	The app, so the pieces stay associated

For more information, see Show options on orders.

Sync Add-on data

Sync Add-on data is available in the builder's more-actions menu. It re-reads the linked and generated products, so the prices and variants shown in the app match Shopify.

Use it when an add-on's price or variant is out of date in the app, for example after editing the product in Shopify admin or after an import. It is safe to run at any time.

Notes

• Add-on prices are converted from your store's currency to other currencies by Shopify, just like any other product price.

• Discount codes apply to the order as calculated by Shopify, including add-on lines.

• Taxes follow each product's own tax settings. If an add-on requires different tax treatment from the main product, use a product-backed add-on.

• If your store calculates shipping by weight, the add-on products' weights are included. Make sure to set a weight for each add-on product. See Stock and inventory.