Cart Subtotal Compare

The pre-discount cart subtotal, shown only when a discount applies.

Last updated

Cart Subtotal Compare icon

How to use

  1. Place this component above or beside Cart Subtotal.

  2. Turn on Strikethrough for the classic compare-at look, with its own ↳ Color and ↳ Weight.

  3. Set Format for currency symbol, currency code, and decimal display.

  4. Pair it with Cart Subtotal Savings to also show how much the discount is worth.

This component only renders on the live storefront when the cart has an active discount — it stays hidden otherwise (always visible on canvas for layout).

When it shows

On the live site, Cart Subtotal Compare only renders once a discount is active — it's meant to sit next to Cart Subtotal as the "before" price, so it hides itself when there's nothing to compare against. On canvas it's always visible so you can design the layout without needing a live discounted cart.

How the compare price is calculated

The "before" price isn't a number Shopify hands over directly — Butter adds up the cart using the same per-item prices your price components display, including any price set by a Recipe.

In practice this means two things: the compare price always agrees with the prices shown elsewhere on your site, and it can differ slightly from the raw subtotal in your Shopify admin when a Recipe has changed a price. That's expected, not a bug.

Questions? Join our Slack community