Adding a new badge for saved amount in discount

Solved

Adding a new badge for saved amount in discount

IntechCarl
Shopify Partner
196 1 22

Hi everyone,

 

Does anyone know how can I add, one more badge that displays the amount saved besides the discount badge in my product page?

See the photo for reference.

IntechCarl_0-1700035098196.png

 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
11549 2259 2445

This is an accepted solution.

I added code here so you can mark it as solution to close this post 

{%- assign savings = product.compare_at_price | minus: product.price  -%}
Save {{ savings | 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.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- En...
Sign up now.

View solution in original post

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
11549 2259 2445

This is an accepted solution.

I added code here so you can mark it as solution to close this post 

{%- assign savings = product.compare_at_price | minus: product.price  -%}
Save {{ savings | 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.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- En...
Sign up now.

IntechCarl
Shopify Partner
196 1 22

Hi Dan! Can I use this code in my other theme which is debut? I'll be using my debut theme for the meantime while I'm customizing my dawn theme. here is the url: https://thecleanroom.net/

Dan-From-Ryviu
Shopify Partner
11549 2259 2445

Hi @IntechCarl 

You can try to add it to Debut theme. Please add code in product-price.liquid file. 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- En...
Sign up now.

SevSolutions
Shopify Partner
45 0 4

Hi @IntechCarl — if you're looking to display an extra badge that shows the amount saved (like “Save $10” or “Save 20%”) alongside an existing discount badge on your product page, you’d typically need to customize your theme with some Liquid logic to calculate and display the saved amount.

 

But if you'd prefer a code-free approach, you can do this using Klip Coupons: Sales and Discounts. Klip lets you show fully customizable coupon badges directly on the product page—and you can include dynamic messaging like the discount amount or percentage off. It also includes a cross-out price feature if you want to visually display the savings right next to the original price.

 

No theme edits required, and the badge can appear on product, collection, and cart pages depending on how you set it up. 

 

Screenshot 2025-03-30 at 10.03.13 PM.png

 

Screenshot 2025-03-30 at 5.36.22 PM.png

Founder, Klip Coupons: Sales & Discounts

Add clippable coupons to product, collection & cart pages, just like Amazon!

No 25-discount cap — create unlimited targeted promotions

Boost urgency with countdown timers & real-time coupon tracking