Hello experts, I am using debut theme. May I know how to show % discount on every product. And How to make proper layout of qty and add to cart button on home page. Please help me to fix this. Thank you.

@Lovelyn12 Add following code where you want to display like “17% off” in your product page: {% if product.compare_at_price_max > product.price %} {{ product.compare_at_price_max | minus: product.price | times: 100.0 | divided_by: product.compare_at_price_max | money_without_currency | times: 100 …

Works great and can be used on collection pages too… but what code would you use to hide the discount if there is none. Other wise it will show 0% E.g. I used a div tag to add styling, put the word SAVE in front of it so it reads SAVE 12% or whatever the savings is. But if there is no discount on t…

Hello, I have found the place to edit the code but continually get error when i put in one of the codes. Thanks tyler

I have the same issue. I paste the code into it but doesn’t work.

Hello, I tried to use the solution you provided however I believe I implemented this incorrectly. I got a % on all product pages, 0% where there is no discount and another % value where there is a discount. I am also using Debut, should I paste exactly what you put below line 12? Thank you!

Hi @Tejas_Nadpara I tried using the code shared by you given below. {% if product.compare_at_price_max > product.price %} {{ product.compare_at_price_max | minus: product.price | times: 100.0 | divided_by: product.compare_at_price_max | money_without_currency | times: 100 | remove: '.0'}}% off {% …

[FB_IMG_1593659256740.jpg] Hai. You know how to make this 60% off and this big Buy Now button?

BTW, your percentage calculation comes out inversed if the discount is more than 50%. In my store it should come out to 63%, it came out to 37%.

Hi Tejas I have tried many codes but it did not work out. Please help me with your code: Where to insert your code? My domain is teacherhero.net

hello here is my site. https://suubula.com/ I put the code but it is not working.

How to show % discount on a product using debut theme

Shopify Discussion

Cris_ch June 30, 2020, 9:32am 20

hi, i’m trying to modify the debut theme code to insert the discount. I can’t, could you take a look?https://chiricostore.com/

Topic		Replies	Views
Show discount amount on all products page Store Design	19	240	March 30, 2025
Displaying discount percent to collection pages - debut theme Shopify Discussion	2	96	September 15, 2022
show discount amount on product page Store Design liquid , design , shopify-themes , troubleshooting	6	112	December 5, 2024
Show discounted price on product page? Debut theme. Store Design	1	43	October 13, 2021
Showing discount on Product Page (without Compare price) Store Design	31	1302	April 12, 2025

How to show % discount on a product using debut theme

Related topics