I would like to be able to add a tag on certain products that are Made In The USA that goes on top of the product image when you are browsing products. Is there a way to easily do this or does this need to be custom coded? I have an example below of another website’s version of this. It is not embedded in the product image. This example is of the product on the browsing section, and then you can see where it changes the position of the Made in the USA tag on the actual product page.
Topic summary
A user wants to add a “Made In The USA” badge overlay to specific product images during browsing, similar to examples they’ve seen on other sites. The badge should appear on the product listing page and adjust position on the actual product page.
Proposed Solution:
- Use product metafields to display the tag
- Most themes support showing content based on metafields
- Implementation example: In Dawn theme, add a Text block and assign it to the created metafield
Status: One community member has suggested the metafield approach, but no confirmation yet on whether this fully addresses the overlay requirement or if custom coding will be necessary.
Hi @Sackett-Ranch
I think you can use product metafield to show the tag, normally all of the theme support for show content with product tag, Example with Dawn theme you can add the Text block then assign for the metafield that you created.