I would like to show a xx% off badge that’s correct on every product. [Screenshot 2023-10-24 092725.png] At the moment I thought entered this text. [Screenshot 2023-10-24 092826.png] website url: https://thesnoozy.com/ Dawn theme

hi @Dan-From-Ryviu , it does give a percentage but no number

Do you want to it appear bot % off and number amount discount off?

Thanks! This works well on the images of collection pages, but how can I do the same on the product page? I mean, the sales badge that appear on the right of the product price.

Please use this code in price.liquid file, find this code {{ 'products.product.on_sale' | t }} Replace it with this code {%- assign percent = product.compare_at_price | minus:product.price | times: 100 | divided_by:product.compare_at_price | round -%} Save {{ percent }}%

Excellent!!! What would be the code if we just want to add the amount saved (not percentage). Thanks again!

Hey Dan, please let me know :slightly_smiling_face:

Please use this code {%- assign percent = product.compare_at_price | minus:product.price -%} Save {{ percent | money_with_currency }}

Hey can you please help me I’m using dawn theme for my store but when i chose another variant on product page the buy now button gets disappeared please help me to solve this … my website url is — https://mansaroverfurnishings.com/

Hey! In my case it worked but I have different % of discounts for different sizes, and the % showed is always the same, it doesn’t adjust according to the size I select. Any way to fix this? Thanks a lot!

Change 'on sale' badge text to percentage discount

Store Design

ADT2 February 7, 2024, 7:42am 14

Hey Dan, please let me know

Topic		Replies	Views
How can I display sale percentage in Dawn theme's sale badge? Store Design	48	578	November 21, 2024
Change Sale Badge to percentage saved on Dawn 11.0 Store Design customizations , shopify-themes , html , product-page	5	161	September 26, 2024
Change "Sale" Badge To "xxx% off" in Refresh Theme Store Design	13	210	November 7, 2023
Display percentage off instead of sale badge [ Venture Theme ] Technical Q&A	19	139	March 9, 2022
Show percentage discount next to price Store Design design , customizations , landing-page , css , shopify-themes , html , product-page	32	526	June 5, 2025

Change 'on sale' badge text to percentage discount

Related topics