How can I display sale percentage in Dawn theme's sale badge?

Store Design
, ,
1

I want the percentage to be shawn instead of text for the sales badge next to the price

1 Like
2

Hi @DaandeLeur

Go to Online Store > Clic the 3dots > Edit default theme Content >

Made4uoRibe_0-1724702962924.png
Made4uoRibe_0-1724702962924.png369×355 14.2 KB

When you enter choose Products.

Made4uoRibe_1-1724702986203.png
Made4uoRibe_1-1724702986203.png1563×241 15.3 KB

And Find the on Sale.

Made4uoRibe_2-1724703014562.png
Made4uoRibe_2-1724703014562.png393×409 5.86 KB

Change and Save.

Result:

Made4uoRibe_3-1724703037250.png
Made4uoRibe_3-1724703037250.png371×187 4.67 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

Hi @DaandeLeur ,

Please refer to the code below to implement it in the card-product.liquid file. The file name may vary depending on the theme, but for reference, we’re using the DAWN theme here.

{%- assign difference = card_product.compare_at_price | minus: card_product.price -%}
{%- assign float_difference = difference | times: 1.0 -%}
{%- assign discount_fraction = float_difference | divided_by: card_product.compare_at_price -%}
{%- assign discount_percentage = discount_fraction | times: 100 | round -%}
{{- discount_percentage }}

For detailed implementation kindly refer the below video to implement the same.

Hope this will helps…