Dawn 12.0 - Display "Save $$" on sale badge

[Olivia_J_1]

I am seeking assistance in displaying ‘Save $$’ on sale badges.

from this to this:

to this:

(ignore the colour)

Thanks to anyone who can help!

Web: https://www.oliviajewellery.com.au/

Pass: O

[Dan-From-Ryviu]

Hi @Olivia_J_1

For product page, go to your Online store > Themes > Edit code > open price.liquid file, find this line of code

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

Replace it with this one

{%- assign savings = product.compare_at_price | minus: product.price  -%}
Save ${{ savings | money_without_trailing_zeros }}

For card page, open card-product.liquid file, find this line of code

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

Replace it with this one

{%- assign savings = card_product.compare_at_price | minus: card_product.price  -%}
Save ${{ savings | money_without_trailing_zeros }}

[Olivia_J_1]

Just a quick note to say thanks for your fantastic code—it worked perfectly！

[Dan-From-Ryviu]

Very welcome