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 …

[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.

Hello there! I have the same problem, With debut theme I cannot see discount prices on my store www.pepitocat.com, can anyone help please? I have already tried to add the code mentioned in previous comments but din’t work. Thank you very much Cristina

can someone help me to edit the code ?? because i tried to add this after line 12 and nothing is working… here is my code {%- if variant.compare_at_price > variant.price -%} {{ 'products.general.regular_price' | t }} {{ variant.compare_at_price | money }} …

The issue with the above solution is that the % off shown is too high. To avoid misleading customers, you should make sure that the displayed discount is rounded down. This works well: assign percentDiscount = comparePrice | minus: price | times: 0.10 | divided_by: comparePrice | times: 1000.00 | f…

Hello sir Want to make some changes in my shopify store’s product page.. We have a unique buy it now button on the product page & it is named with ’ PAY ONLY 25% NOW & REST COD’ What we offer is, that if someone clicks on this button, 75% discount code will be automatically applied to its cart an…

Hi, So I have added the code into the product page and for a product, with a single variant it works well, but I am trying to put it on a product that has 3 variants and it does not refresh when the buyer clicks the other variant only if I refresh the page does it show the correct percentage. How c…

How to show % discount on a product using debut theme

Shopify Discussion

Faheem_Iqbal November 26, 2020, 4:40pm 26

Hi tejas,

How can I show the discount % off on Collection page? I want to display on top left side of the product images on collection page. Please help.

Thanks.

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

How to show % discount on a product using debut theme

Related topics