How do I delete the 'Total Saving $X' line from my checkout page?

Store Design

Topic summary

A user wants to remove the “Total Saving $X” line from their checkout page’s order summary section.

Key Issue Identified:
The ability to edit checkout pages requires Shopify Plus. Without this subscription tier, users cannot access or modify the checkout.liquid file needed to remove specific elements.

Attempted Solutions:

  • Initial suggestion to edit checkout.liquid code directly (not accessible on standard plans)
  • Recommendation to use Settings > Checkout > Customize Checkout for custom CSS styling

Current Status:
The discussion concludes that no workaround exists for standard Shopify plans:

  • JavaScript modifications are blocked for security reasons
  • Custom CSS options in checkout settings don’t allow removing specific elements
  • Only alternative would be building a custom headless site with alternative payment gateway (deemed impractical)

The user’s request cannot be fulfilled without upgrading to Shopify Plus or completely rebuilding their checkout infrastructure.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

Hello!
Im just wondering if anyone know how can i remove the line: “Total Saving $X”. The line is in the checkout page at the very end, in the order summary section.

Capture d’écran 2024-03-20 à 21.16.33.png
Capture d’écran 2024-03-20 à 21.16.33.png720×808 95.5 KB

Thanks! :slightly_smiling_face:

2

you need to remove this from checkout.liquid

3

where can i find checkout.liquid?

4

Online Store > Themes>edit code

5

i cant find it. maybe it’s because im using a special theme that is not a shopify theme

6

Long story short.

If you do not have Shopify Plus you can not make adjustments to this extent in your checkout.liquid. It would be as simple as targeting the classes for that element but because they do not give access you can’t target it. If you are confused as to why you can not find your checkout page code in the editor, this is why.

7

could you please share your website URL?

8

Ah ok, so there’s no other way to do it?

9

Hi @Venzu ,

You can try adding code custom style by the steps:

  1. From your Shopify admin, go to Settings > Checkout
  2. In the Checkout style section, click Customize Checkout to open the theme editor.
  3. In the theme editor, click the gear icon to access the Theme settings.
  4. Click Checkout.

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

10

Nah, there isn’t. Not even with JavaScript. Shopify will block any outside sources trying to edit code on that page for security reasons, so you need direct access to the file (but we don’t have that access). There are limited styles you can change in the checkout but it is all just colors, fonts and the banner images. In the custom CSS section it also does not allow for changes. So the short answer is no. The longer answer would be yes, but you would have to have a headless site and custom build your checkout using stripe or some other payment gateway, and this probably wouldn’t be worth the time.