How to change on sale badge to show the amount saved

Topic summary

Goal: Change the product “on sale” badge to display the amount saved instead of generic sale text on doorstepdrip.com. Two images were shared to show the current badge and the desired look.

Latest update: A responder indicates this requires customizing the theme’s Liquid code (the templating language) to output the savings amount on the badge. No code snippet or detailed steps were provided.

Key points:

  • The request centers on modifying the badge text to show how much a customer saves.
  • Visual examples (images) are central to understanding the desired design.

Status and outcomes:

  • No implementation details, theme file locations, or CSS adjustments were shared.
  • No resolution yet; the thread remains open pending specific Liquid code guidance or instructions.
Summarized with AI on January 12. AI used: gpt-5.

Hey, how can I change the on sale badge to say the amount saved instead please?

my website is: doorstepdrip.com

It currently looks like this:

im hoping to get it to look like this

any help would be much appreciated

thanks :slightly_smiling_face:

HI,

We need to customize the liquid code to show the amount saved