How to show percentage of discount beside price for PRODUCT PAGE only

Hi, I would like to add the sale percentage beside my price on product page only. Could anyone help me? Additionally I want to also swap my discounted price with my old price. Please see photo for reference.

Old layout :

Desired layout:

www.constructionlayers.com

1 Like

please try constructionlayers.com

1 Like

@clayinfo it will need code editing, then it can show like this site

You can try to insert this code in snippets/price.liquid if you are using dawn theme line 126 then it will show like save 11% for me with background


{% if compare_at_price > price %}
  {% assign compare_at_price_float = compare_at_price | divided_by: 100.0 %}
  {% assign price_float = price | divided_by: 100.0 %}

  {% assign price_difference = compare_at_price_float | minus: price_float %}

  {% assign discount_percentage = price_difference | divided_by: compare_at_price_float | times: 100.0 %}

  

Save {{ discount_percentage | round }}%

 
{% endif %}

              

Hi @clayinfo

I strongly recommend using the Discounty App, where you can take advantage of sale badges, discount badges, and apply discounts to compare-at prices. Check out Discounty app!

1 Like