Showing badges based on tag in product overview and product pages

Showing badges based on tag in product overview and product pages

RobbeVW
Not applicable
2 0 0

Hello everyone, 

 

I would like to implent customized badges in the catalogue overview. At this moment only "sold out" is being displayed, I would like to (based on tags) display tags like "immediate available", "available in 3 days", "available in 5 days". Webshop theme: DAWN theme 15.0.2

 

Can somebody explain me where in the code I can change this? And how I can show this badge as well on each product page?

 

Additionally; how I maybe (based on the tags) the colour of these badges can change? (Ex. green / orange / red)

 

Thanks in advance!

Replies 2 (2)

PageFly-Amelia
Shopify Partner
550 160 229

Hi there,

This is Amelia from PageFly - Landing Page Builder App

Thank you for reaching out! The Dawn theme supports displaying badges on product card images or near the product price in the product list.

I've sent you two images demonstrating both positions.
huongnvbravebits+%C2%B7+Edit++Dawn+%C2%B7+Shopify+2024-08-26+14-30-28.pnghuongnvbravebits+%C2%B7+Edit++Dawn+%C2%B7+Shopify+2024-08-26+14-27-27.png
You can use Liquid code to display your tag in either of these locations and customize the badge text as needed.

I hope this solution works for you!

Best regards,
Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

RobbeVW
Not applicable
2 0 0

Hello Amelia, 


Thank you for your response! Would you be able to help me with the liquid code for these badges a bit as well, please?

 

 

 

Kind regards,

Robbe