We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Change text for sale badge, product page

Change text for sale badge, product page

ads18922
Trailblazer
198 0 62

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
12073 2359 2539

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 & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- 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
Trailblazer
198 0 62

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

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Please update the code. 

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

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- 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
Trailblazer
198 0 62

Screenshot 2025-01-09 at 11.59.05.png

hello, this didnt work

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Sorry, please update the code 

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

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- 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
Trailblazer
198 0 62

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
4469 501 598

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