How can I display product discount percentages on my website?

[JADIS]

Hello

I am looking to try and show the actual % reduction for each product on my site i.e. 50% Off or You Save 50% something like this. I know it is possible with such code. Could you help me ?

my website is : jadis-shop.com

i am using dawn theme

[StoreSurgeon]

hi @JADIS

Glad to support you today.

Yeah its possible to show a percentage discount on products with the code

Try the following code to show the % .

  {%- assign percent = card_product.compare_at_price | minus: card_product.price | times: 
    100 | divided_by: card_product.compare_at_price | round -%}
      -{{ percent }}%

This code for the Collection page and Featured collection

[JADIS]

hello again, where do i have to put this code ? i am a beginner sorry

[StoreSurgeon]

which theme you are using?

and where you want to show this badge.

[JADIS]

i use dawn theme and i want to have here, near the real price (see screenshot) like a badge please

[StoreSurgeon]

open theme editor > snippets > price.liquid

paste the following code in price.liquid

{%- assign percent = product.compare_at_price | minus: product.price | times: 100 | divided_by: product.compare_at_price | round -%}
{{ percent }}% Off

that’s it

[JADIS]

perfect !!! thanks a lot