Hi everyone, I have been attempting to add a badge based on tags. I had previously done this in the Debut theme, but have begun upgrading to Dawn for Shopify 2.0 and cant seem to get the code to work correctly on Dawn theme. This was to add a badge based on a tag given to a product, in my case “NE…

Hey, I think i have figured it out as its now working for me on the product collection/grid now. In product.card.liquid On line 89 after the sold out / sale badge logic. I wrote: {%- if product_card_product.tags contains "NEW" -%} NEW {%- endif -%} and for the css in component-card.css at…

Is there a way to add badges on the image on the individual product page (not on the collection page)? I’ve managed to add text into the product image thumbnail, but ideally I would like for a badge to sit within a the top-lefthand corner of the image so I can format this badge. I’m using theme Dawn…

Can the first solution be implemented for the Supply Theme and if so, which files? I tried but had a hard time figuring out which file needed to be changed. Thanks.

Hii code works great, but when I have a product with multiple badges (like on sale that is a standard Dawn badge and a badge bases on tags) only one will appear, the standard dawn badge.

Hi, I tried entering this. and had no luck. perhaps it is because I entered the first part in card-product.liquid which is slightly different form what you had, but the closest I could find.

Thank you so much for this input. You saved me!!!

Hey VUMODigital! I’ve been trying to solve this issue for a while and your solution has done it! I’m ecstatic. Thank you. I’m wondering though. How do you adjust its position? Is there a way to match the spacing of the built-in badges in terms of the location on the image from the top and left edge…

Hi Attractswimwear, Thanks for your kind reply and yes, you will be able to move the location of the badges by making adjustments to the css code in the solution above. Let me know how you get on! Kindest regards Iain

How do you add the badge to the product page as well? Thanks for your help in advance!

Hey VUMODigital, I figured out how to move it around. I’m now trying to figure out how you can add the badge to the Product page as well. The default Sale or Sold Out Badge does this in the default theme.

Adding A New Badge based on Tags - Dawn Theme - Shopify 2.0

Store Design

VUMODigital August 27, 2024, 6:32pm 38

Hi Waseem,

To style the badge, you’ll need to jump into your css files and change the background-colour of the element to #ffffff.

Kindest regards

Iain

Topic		Replies	Views
Añadir un badge nuevo en mi tema Dawn Versión 8.0.0 Preguntas y respuestas técnicas css	2	254	November 2, 2025
NEW badge in product page Store Design product-page	4	133	January 7, 2025
Custom Product Badge in Theme 2.0 - Sense 4.0.0 Store Design	9	208	August 8, 2024
How can I add a NEW badge to products in the Dawn theme? Store Design customizations , css , product-page	11	158	October 3, 2023
How can I create new a product badge that says 'NEW' - Dawn theme Shopify Discussion css	13	896	August 28, 2024

Adding A New Badge based on Tags - Dawn Theme - Shopify 2.0

Related topics