Show Amount Save On Product Page Debut Theme

Shopify Discussion
1

Hey someone there to assist me as I want to display save amount on product page as I’ve code for showing percentage off % but instead I want to show amount what’s implement i need?
Mentioned code below for % off

  ( {{ product.compare_at_price | minus:product.price | times:100 | divided_by:product.compare_at_price }}% OFF )
2

Hello,
To display save amount on product page.
Add this code at the bottom of
Online Store->Theme->Edit code->Snippets->product.price.liquid

{% if product.compare_at_price_max > product.price %}"You save ({{ product.compare_at_price_max | minus: product.price|money}})"{% endif %}
1 Like
3

Hello thank you it worked how do I change the collor

4

What you want to change? give me the link

5

Thank you, i also got this. How do i change the “You save” text size & color?

6

@tapestryzone ,

please share the URL. with screenshot…

7

Hey, I want to show this section of the collections list in the cart drawer. I am using the refresh theme and this option is only available for the cart page.

Untitled design (5).jpg
Untitled design (5).jpg372×722 20.1 KB

8

Hey, Will this work on Dawn Theme 10.0? I want to show SAVE AMOUNT on offers products in my store.

9

Hi Wasim,
Thank you for posting here.
Please try this.

SAVE {{ product.price | minus: product.compare_at_price | money_without_trailing_zeros }}

Thanks

Thanks

10

Hi, is there a way to make this work for products with variants?

Whenever I have a variant, the calculation breaks for that product.

Thanks!

11

Hey there, is there a way to make this work with variants?

12

Hi @Gerapreneur ,
It should work fine with variants on the main product template.
If you want on the collection template then the code block will change.

Thanks

13

Thanks for your answer.

It is not working for products with variants - the calculation of the amount saved is not correct and it shows the same amount for every other variant.

To clarify, there is no issue when its a single variant item.