Displaying discount % on products on my home page.

Store Design
, , , ,

Topic summary

A user wanted to display a “20% off” discount badge on products shown on their homepage, similar to a reference image they provided.

Key Details:

  • The user knew how to apply discounts in the products section but needed help with the visual display
  • They shared their website URL (cabaneofficial.com) for assistance
  • Another participant asked clarifying questions about the discount setup method:
    • Compare-at pricing?
    • Third-party discount app?
    • Built-in Shopify discounts?

Resolution:
The original poster resolved the issue independently before receiving detailed guidance, without sharing the specific solution they implemented.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

I would like to add a 20% off discount to all of my products. I know I can do this on the products section but I want it to be displayed such as the below.

CBOfficial_1-1737283956031.png
CBOfficial_1-1737283956031.png2094×256 3.84 KB

2

Hi @CBOfficial ,

Please share the website url.

3

Hi There, please see below.

https://cabaneofficial.com/

4

Hi CBOfficial, it depends on how you’ve set up your discounts:

  1. Are you using compare-at price?
  2. Are these discounts created through a 3rd-party app?
  3. Are these discounts built-in Shopify discounts?

Best,

Tobe

5

Tobe,

I have managed to sort this out now. Thank you very much.

Kind regards