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 …

@TBD19 Yes, you can add color and size box something like attached screenshot. Follow this steps https://help.shopify.com/en/themes/customization/products/features/add-color-swatches I hope it will help you. If you are not comfortable to do it then you can contact me directly on mail. Thank you, …

Good morning! I hope this message finds you well Tejas! For whatever reason I am not getting any % discounts displaying on my product page. I have copied and pasted the code as is and nothing is being reflected. I’d like to add a 50% discount to my products. I am not sure what I am doing wrong. I l…

Hello! I can’t seem to make this code work. Using Atlantic Theme. Any tips? Thanks, Chris

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

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 {% …

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/

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

How to show % discount on a product using debut theme

Shopify Discussion

Adler June 3, 2020, 10:00am 17

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

Topic		Replies	Views
Show discount amount on all products page Store Design	19	246	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	1338	April 12, 2025

How to show % discount on a product using debut theme

Related topics