Grey fields around product tags with direct url links - Dawn theme

Store Design
, , , ,
1

Hello

I want to change something in the product tags, i have made uppercase text and now i want to have grey fields on each tag. Also each link have a url to direct to each collections. Can that be possible? :slightly_smiling_face:

Thanks for all your contributions for helping me out here. :slightly_smiling_face:

My store url:

www.dekanten.no

See attached image:

Skjermbilde 2024-03-11 kl. 03.50.10(1).png
Skjermbilde 2024-03-11 kl. 03.50.10(1).png1876×1030 120 KB

2

Use metafields to add URLs to each tag.

3

There is no direct link between tag and collection.

You could check whether there is a collection with the name/handle matching a tag and this could work, but your tag is “nyhet” while collection title/handle/url is “nyheter”, so…

However, instead of listing tags you can list product collections:

{% if product.collections.size > 0 %}
  
    {% for c in product.collections %}
      {{ c.title | upcase }}
    {% endfor %}
  

{% endif %}

(style should probably go to your stylesheet and not be a part of section code, but).

4

I havent done metafields before, do you have any ideas to create the first meta so i can try to to the rest, maximum tags on a product will be max 5 pcs.

This is a list of complete tags then. I want everyone of these added with an url who leads to these collections. Any guide you can help me with ? :slightly_smiling_face:

Damer - Herre - Unisex - Nyhet - Designer - Nisje