How to display sale badge on product cards?

Using symmetry theme.

I’d like to have sale badges show on my product cards such as this example below.

Appreciate any help that can be offered!

1 Like

Hi @davidkduong , kindly checkout the below video:

https://youtu.be/MXfER-tz-0U?si=kXuIPVTvh6Hhkw8R

And

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

Hi @davidkduong ,

You want it to show ‘Sale’ instead of % off. Or do you want the badge to show in the right corner?

Please explain more about it, I will help you check it

Hi thanks for your reply.

My theme settings does not display a badges option at all like in your video.

Hi @namphan

Yes, I would like it to show “Sale”. Sorry wasn’t specific.

Right now there is no badge at all and I can not find any option to add any badge.

Hi @davidkduong ,

Please send me the code of card-product.liquid file, I will check it

Hi @namphan

I don’t see “card-product.liquid file” in edit code.

Can you check if I give you my website link?

modachic-toronto.com

Hi @davidkduong ,

Please follow the instructions, it will show a badge.

Hi @namphan

The link you shared instructs to go to Theme settings > Product Cards however I do not have that option.

Hi @davidkduong ,

Can I send you a collaborator invite? it will help me check your version and change it

Hi @davidkduong

I check the Symmerty theme they have like this on the theme settings.

In your side its not badge but Labels.

Result:

Sure

Hi @davidkduong ,

Please send me the collaborator code in private message, I will send you the invitation and check it