Dynamically Adding Icon Over Certain Tagged Product Photos

Store Design

Topic summary

A user seeks to dynamically overlay icons on product photos based on specific tags (e.g., a “Made in Canada” icon for products tagged “canada”). They found a code snippet that appears relevant but are unsure where to implement it within their Venture theme.

Current Status:

  • Multiple community members request the solution be posted publicly for everyone’s benefit
  • One participant suggests using product tags or metafields as the best approach
  • No concrete implementation steps have been shared yet

Proposed Solution:
A community member recommends the Product Tag Images app, which allows displaying product tags with text, icons, and images using drag-and-drop positioning. This app-based approach may eliminate the need for custom code implementation.

The discussion remains open, with users awaiting detailed instructions on either the custom code method or confirmation of the app-based solution’s effectiveness.

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

Hi, I’m trying to find a way to dynamically add an icon-type photo on top of product photos that are tagged with a certain tag.

For example, products that are made in Canada have a tag “canada”. Can I make an image to show up on top of product photos that have this tag? I would then want to position it in the top left corner, this part I can experiment with on my own if I can achieve the above.

I found this code snippet from another post that seems along the lines of what I need, I’m just not sure where to put it. I am using the Venture theme. -

{% assign show_canada_image = false %}
{% for tag in product.tags %}
  {% if tag == 'canada' %}
     {% assign show_hm_image = true %}
  {% endif %}  
{% endfor %}

{% if show_canada_image %}
  
{% endif %}
3 Likes
2

@whitefox

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

3

so why no one post the solution.

1 Like
4

@MZ2019

yes, what’s issue

5

what is the solution to add a logo over a product image based on tags? the snippets above make sense but How do I incorporate that onto the product page or product.liquid? Can you post solution here? so everyone can benefit from it.

thanks

2 Likes
6

@MZ2019

yes you can do this tag or metafiled is best

7

Please post the solution

8

Hi Everyone

We are running multiple businesses related to fashion, hardware, medical, food, and many more. But how can we generate more customer trust in product quality? Every product contains normally a title, description feature list, and size guide variant details. But no material quality-related stuff is not available. if we clearly explain the manufacturing material then it has a positive impact on your product’s quality.

after searching for this problem solution I got a Product Tag Images App. By using this app I can display my product tags with text, icons, and images with drag & drop positions. I hope this best solution for everyone.

11.png
11.png753×530 201 KB

122.png
122.png758×533 204 KB

ssss.png
ssss.png1294×753 167 KB