How To Show % Discount On A Product - Sense theme

[ATT_1]

Hello, as you can see from the screenshots above that I can edit what is shown for products on sale. My question is, what should I enter instead of “33” for the site to calculate the discounted value as I am not willing to make each product on 33% sale.

[BrainStation23]

Hello @ATT_1
You can watch this video to set discount
https://www.youtube.com/watch?v=di2O_H1KRdY&t=25s

[prakashVt]

Hello @ATT_1

You need to add this liquid code if it is not available on your product page

{% if product.compare_at_price > product.price %}
{% assign discount_percentage = product.compare_at_price | minus: product.price%}
{% assign discount_percentage = discount_percentage | times: 100 %}
{% assign discount_percentage = discount_percentage | divided_by: product.compare_at_price %}

{{ discount_percentage }}% off

{% endif %}

See the above image. I tried and it works well. You may need to apply CSS based on your requirement.

[Dan-From-Ryviu]

Hi @ATT_1

Dan here from Ryviu: Product Reviews & QA app.

Please visit your Online Store > Themes > Edit code > open price.liquid file, find this line of code

{{ 'products.product.on_sale' | t }}

Replace it with this.

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

[ATT_1]

Thank you so much! Things from older forums have changed so much that I could get none to work, but this did it!

[RaviDixit]

Hey, Dan! I’ve tried your suggested method on my store yuneeq.in and thank you, it is working perfectly.

I’ve just changed the SALE to OFF and it is live now.

[Dan-From-Ryviu]

Have a great day ahead.

[Preet232]

Hey i am using Atelier theme and i am not able to find this {{ ‘products.product.on_sale’ | t }} line in my price.liquid snippet as there is only 79 line of code it self as this is diffrent theme i guess there if few diffrent thing i have also gone through the code but didnt find any if anyone have any clue kindly help me with that.
thankyou

[Dan-From-Ryviu]

@Dan-From-Ryviu

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

With Atelier theme, please open product-card-badges.liquid file, find and remove this code

{{ 'content.product_badge_sale' | t }}

[Preet232]

Yes, it worked! Thank you so much — I had been trying to fix this for the past two weeks and couldn’t find a solution anywhere. Your guidance really helped me and solved the issue right away.

I truly appreciate your time and support.

[Dan-From-Ryviu]

Happy I could help!!!

[Preet232]

If you don’t mind me asking, I just noticed that the sale badge shows only on the product collection page, but not on the individual product page. I’d like it to appear there as well, ideally right after the price section. Could you please suggest which .liquid file I should work on to make that change?

[Preet232]

Matcha Powder – The House of Umami you can check this to get clear idea

[Dan-From-Ryviu]

@Dan-From-Ryviu

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

Please add this code to price.liquid file in snippets before the last </div>

{%- if template.name contains 'product' -%}
  {%- assign percent = selected_variant.compare_at_price | minus:selected_variant.price | times: 100 | divided_by:selected_variant.compare_at_price| round -%}
  {{ percent }}% SALE  
{%- endif -%}

[Preet232]

Thank you so much, Sir, for your help! It’s finally done. Thanks!

[Dan-From-Ryviu]

You are very welcome!!!