Showing Savings and Discounts in the Cart
Customers buy more when they see what they save. This article lists every place the drawer can show a discount or saving, and the setting for each.
Where savings can show
| What customers see | Setting |
|---|---|
| Original price crossed out on each cart line | Product line item > Settings > Strike through price. Shows the compare-at price, or the price before a discount |
| A saving under each cart line's price, like Save $10.00 | Product line item > Settings > Savings badge |
| A savings row in the footer, like Savings −$29.90 | Discounts > the Discount amount checkboxes, and Discounts row label |
| Names of applied codes and discounts as tags | Discounts > Discount tags |
| Names of product-level discounts (free gifts, upsell discounts) in the savings row | Discounts > Product discount tags in the discount row |
| Total before discounts crossed out next to the subtotal | Subtotal > Show Total strike through price to highlight savings |
| Crossed-out price on upsell products | Upsell > Widget > Show strike through price |
| A badge on each upsell product, like You save $5 | Upsell > Widget > Savings badge with {savings} or {discount} |
| A label next to the upsell heading, like 10% off | Upsell > Widget > Badge with {discount} |
Savings badge on each cart line
- Open Product line item, then Settings.
- Under Savings badge, tick Show savings next to price.
- Edit Badge text. Default: Save {saved_amount}. Use
{saved_amount}for the money saved on the line,{saved_percentage}for the percentage. - Optional: tick Show saving badge icon.
- Click Save.
The saving is the crossed-out price minus the price, for the whole line. It covers compare-at prices, codes, automatic discounts and free gifts. It shows even with Strike through price off. {saved_percentage} rounds down, and a text with it hides when it rounds to 0%.
Style it under Design > Savings badge: Badge or Text, text, icon, background and border. New carts start with the badge on, existing carts with it off. The text is translatable.
Choose what the savings row adds up
Under Discounts > Discount amount, tick what counts:
- Discount codes & automatic discounts
- Compare-at price savings: the gap between compare-at price and price
- Selling plan discounts for preorders and subscriptions
Untick Compare-at price savings to show only real discounts in the row.
Change the wording
| Text | Where |
|---|---|
| The savings row label (Savings, Discount) | Discounts > Discounts row label |
| The label of an upsell discount at checkout | The offer's Discount name |
| The label of a spend tier discount | The tier's Discount name |
Prices without decimals
The drawer uses your Shopify money format. To show $59 instead of $59.00, in Shopify admin, go to Settings > General > Store defaults > ⋯ > Change currency formatting. Replace {{amount}} with {{amount_no_decimals}} and save. Shopify rounds to the nearest whole unit, so $59.50 shows as $60.
Things you can't do
| Request | Possible? |
|---|---|
| A spend tier reward shown as a per-line discount | No. Order discount tiers apply to the whole order |