Change text for sale badge, product page

Change text for sale badge, product page

ads18922
Explorer
94 0 34

Hello, i would like to change the text for my sale badge on my product page. I have changed it for my product card so that it says "SAVE ___(saved price)". I did this by going to my default theme content and changing the sale button to say "SAVE" then I just added some code at card-product.liquid so that it would say the saved amount aswell. Im just looking for some similar code which will work for my product page, thanks

Screenshot 2025-01-09 at 10.58.55.pngScreenshot 2025-01-09 at 10.58.59.png

website is www.marcomontesi.com , theme is dawn

Replies 7 (7)

Dan-From-Ryviu
Shopify Partner
10712 2120 2238

Hi @ads18922 

Please open price.liquid file under Snippets folder, find this line of code {{ 'products.product.on_sale' | t }}, add this code below it

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

 

 

- Helpful? Like and Accept solution! Or Support me: Buy Me Coffee ❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

ads18922
Explorer
94 0 34

hello, instead of it being the percentage saved, can you make it the price saved , like the product card

Dan-From-Ryviu
Shopify Partner
10712 2120 2238

Please update the code. 

{%- assign ammount = compare_at_price | minus:price -%} {{ ammount }}%

- Helpful? Like and Accept solution! Or Support me: Buy Me Coffee ❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

ads18922
Explorer
94 0 34

Screenshot 2025-01-09 at 11.59.05.png

hello, this didnt work

Dan-From-Ryviu
Shopify Partner
10712 2120 2238

Sorry, please update the code 

{%- assign amount = compare_at_price | minus: price  -%}
{{ amount | money_without_trailing_zeros }}

- Helpful? Like and Accept solution! Or Support me: Buy Me Coffee ❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

ads18922
Explorer
94 0 34

thats great, one last thing would you be able to change the badge so that instead of curved corners, it is a rectangle instead - like my product card. Also can you make the badge smaller on product page, thanks!

DaisyVo
Shopify Partner
2303 283 329

Hi @ads18922 

 

To modify the "SAVE" text in the en.default.json file of your store, follow these steps:

  1. Open the en.default.json file in your store's theme.
  2. Search for the term "SAVE"
  3. Change the the text you want

image_720.png

 

I hope this helps

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution