how to show percentage discount on product page in prestige theme

Arohan
Visitor
3 0 0

Hello,

 

I would like to add discount percentages and numbers on the product page.

 

Any suggestions on how to do this would be appreciated.

 

Thank you

 

Here's my web: www.vedec.in

 

Product page.JPG

 

 

 

 

Replies 5 (5)

KlipCouponsTeam
Visitor
1 0 0

Hello Arohan,

Raine from Klip Coupons here. 

 

Our team has just released an app called "Klip Product Page Coupons." It's built to show specific discounts for each product directly on the product page. You might find it useful for your store.

 

You can explore its features and benefits here: Klip Product Page Coupons.

 

KlipCouponsTeam_0-1714758534170.png

 

 

Hope this solution aligns with your needs!

 

Best,


Raine

Klip Coupons

tobebuilds
Shopify Partner
264 13 74

That doesn't really seem like what they're asking for, based on the screenshot in their original post.

 

As shown, the price of the product on the PDP is already discounted, without a specific coupon being required.

tobebuilds
Shopify Partner
264 13 74

Hi Arohan, is this a markdown you've applied using the "compare at price"? Or an automatic discount?

It looks like "compare at price," so most likely, you'll need to edit your "price.liquid" file (or whatever product prices are called in your theme), and dynamically calculate the discount percentage using Liquid filters.

BSS-TechFusion
Shopify Expert
139 26 15

Hi @Arohan , You can follow my instructions! 

Step 1 : Go to shopify admin -> online store -> theme -> Edit Code

 

 

BSSTechFusion_2-1714797288254.png

 

Step 2: Go to price.liquid or the file includes your price

 

Step 3: Add this code after your sale price like this

 

BSSTechFusion_4-1714797416222.png

 

 

{{ product.compare_at_price | minus: product.price | times: 100 | divided_by: product.compare_at_price | replace: '0,', ''| append: "%"}} 

 

 

Result:

 

BSSTechFusion_6-1714797465294.png

 

 

I hope these instructions will help you. If they are helpful, don't forget to like and mark as the solution.

Have a nice day sir! 

 

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

desandro
Visitor
1 0 0

Unfortunately, the price.liquid does not exist in the prestige theme. Where can I insert this code?