I found some aging code online that, once upon a time, did this pretty well by dropping it right into the cart.liquid file. Of course, this was years ago and that doesn’t work anymore. But it’s my understanding that with a few tweaks this can be done pretty easily. Just need some help making that ha…

Yeah I fixed it back to using the minified javascript for you. I changed the hex code in the CSS file too. You’re all good to go.

Seems to work fine for me, I changed it a little because I prefer to use {% assign %} to capture, and I also took into account if there is more quantity for each line item, you may just not know where to put everything: {% assign total_saving = 0 %} // make sure to assign the total saving to 0 outs…

Whoops, didnt read the whole comment. You’re using a cart drawer, that’ll probably require a javascript solution. I might be able to get it figured out for you, I would need to request access to your themes though. Would that be ok?

Absolutely, I appreciate it. Go ahead and make the request @Ninthony

Alright I sent the request. Sorry for the delay, it was the end of the work day yesterday and it just slipped my mind.

No worries, @Ninthony , just approved it!

Phew, figured it out. It was actually a lot simpler than I thought, I just had to track down exactly what was going on. I could see that you had a compare at price in your cart drawer, and was wondering how the hell they were getting that information. If you get the cart info with javascript, for so…

We love this! How can we customize this ourselves? For instance, put the savings line above the subtotal, make the savings line purple, change “TOTAL SAVINGS” to “YOU SAVED”, etc. Again thanks for the support on this. You can go ahed and do whatever you need to do for speed optimization before pub…

If you open cart.ajax.liquid in your templates folder and scroll to line 235 that’s where I made the changes. I already changed it to YOU SAVED for you and added a class name called “total-savings” to the element. You can reference that at the end of your theme.scss.liquid file in your assets folder…

Copy, checking this out right now. @Ninthony Were you able to minimize the javascript and add it back in so it doesn’t hurt the page speed? Just wanna make sure before I hit publish. Fastest/easiest way possible to make this “YOU SAVED $XX” line of text the matching purple scheme we have throughou…

Last question, where would I go to edit that color’s hex code? Like which CSS file? I’d like to now possibly switch to red now that’s why… if you wouldn’t mind explaining the way & I’ll figure out the rest! Many thanks again!

Would like my store's cart to display "You saved $XX (or) XX%" message within the cart

Store Design

Ninthony April 15, 2021, 4:52pm 13

It’s at the bottom of your theme.scss.liquid file. Or at least it was when I edited it. Sorry it took so long to respond, been away all week.

Topic		Replies	Views
Show total savings on cart page - Dawn 7.0.1 Store Design design , cart-page , shopify-themes	6	148	March 2, 2024
How to show "total savings" on cart and checkout page? Technical Q&A	6	404	November 19, 2024
Show total savings in cart only when there is an item on sale Store Design customizations , css , cart-page	2	45	May 16, 2024
Display Compare at price/saving on the Cart and Checkout Store Design	17	930	March 10, 2026
How can I correctly calculate total savings on multiple items in a cart? Technical Q&A	2	53	February 19, 2024

Would like my store's cart to display "You saved $XX (or) XX%" message within the cart

Related topics