How can I display a discount/sale badge on product images using the Dawn theme?

Store Design
, , , , , , , , ,

Topic summary

A user sought guidance on adding a discount/sale badge to product images in the Dawn theme.

Solution Provided:

  • A step-by-step video tutorial was shared demonstrating the implementation
  • The tutorial covers conditional badge display based on compare-at pricing

Outcome:

  • The original poster successfully implemented the badge following the video instructions
  • The solution was described as clear and easy to execute
  • The badge now displays as intended

Status: Resolved

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hello,

How can I display a discount/sale badge on product images using the Dawn theme?

Much appreciated!

2

Hi @topnewyork ,

You can check out this step-by-step video tutorial which explains exactly how to add a discount/sale badge in the Dawn theme:

It shows how to conditionally display the badge when a product has a compare-at price. Super helpful!

Thanks!

3

@websensepro I followed the steps in the video, and it worked great on the Dawn theme!
The instructions were super clear and easy to implement.
Really appreciate it—got the sale badge showing exactly how I wanted.

Thanks!

1 Like