Add Tags on shopify product image

[vikrant1234]

i want to create a function where admin select the tag image and after that its showing like this on product image. How can i do this

[diego-navarro]

Correct me if I am wrong: you want to add the “Trending”, “Bestseller” or any custom tag added from your admin panel to your product featured image in your online store.

To do this, you need your theme to support it, check in your theme documentation or try customizing your theme in your editor to check if the option is available. If not available, you need to modify the templates section of your code or trying another theme that have this feature.

[vikrant1234]

how to do this from theme end sir

[pawankumar]

Hi,
I hope you are doing good.
You can do this with the help of some liquid snippet.
You can add tags to products like _label:Trending, _label:Best Seller etc..
and then in the code, you can reference them like this

{% for tag in product.tags %}
{% if tag contains "_label:" %}

{{ tag | split: "_label:" | last }}

{% endif %}
{% endfor %}

I hope, my answer is useful to you.
Thanks!

[vikrant1234]

i add this code to product.liquid and on label i add trending and on product i add a tag also trending. but its not showing on frontend

[pawankumar]

Firstly, you have to add tag like this _label:Trending
and it is just an idea, you can inspect the html to see if it is showing and then adjust css to appear at proper place.
Thanks!

[vikrant1234]

on inspect its showing like

" "

its showing blank

[pawankumar]

Can you please share product url ?

[vikrant1234]

Store URL

{% for tag in product.tags %} {% if tag contains "_label:Trending" %}

{{ tag | split: "_label:Trending" | last }}

{% endif %} {% endfor %}

i use this and add Trending tag in product

[pawankumar]

Your product tag is incorrect,
add _label:Trending as product tag
and the use this code

{% for tag in product.tags %}
{% if tag contains "_label:" %}

{{ tag | split: "_label:" | last }}

{% endif %}
{% endfor %}

Thanks!

[vikrant1234]

not work on my store i try many more methods .

now i add product tag as _label:Trending and paste code that you send and also this code

{% for tag in product.tags %} {% if tag contains "_label:Trending" %}

{{ tag | split: "_label:Trending" | last }}

{% endif %} {% endfor %}

[pawankumar]

Hi,
But i can still see your old tag

If you show trending then you can just statically check it like

{% for tag in product.tags %}
{% if tag contains "Trending" %}

{{ tag }}

{% endif %}
{% endfor %}

Let me know if it helps you.
Thanks!