Display product tags on product page - Dawn 7.0.1

[Dekanten]

Hello

I have created some tags for my products while i added them to the store, how can i display these so on the productpage without messing things up?

Thanks in advance. 🙂

My store:

www.dekanten.no 

[Harsita · Accepted solution]

Hi @Dekanten 

Thank you for reaching out to the Shopify community.

For adding product tags in  product page just go to your theme code editor, and search for file named main-product.liquid in Sections folder. Add the below code  just above the price div.

 <div class="product-tags">
   {% for tag in product.tags %}
     <span class="tag">{{ tag }}</span>
   {% endfor %}
</div>

Screen shot for reference -

You can modify the styling  of the tags as well by making changes in your base.css file.

 The product tags should now appear on your product page.

Do give it a try and let me know if this was helpful.

Thanks.

[Dekanten]

Thank u so much, it works quite well so im pleased with this solution. 🙂

Is is possible to add  something like this - between the tags?

Damer - Herrer - Unisex - Nisje

[makiomilano]

same thing here! How to separate them.

[AHAY]

Nicely works, thanks, but I wonder if tags can be hyperlinked ?

Edit: just found the solution elsewhere, thank you.

[Avery]

Hi there. Could you share the link to your solution for adding the hyperlink to the tags please?