Add Tags to Product Page

[Terrapin]

hi

I would like to make my product tags display in each product page, so the user can click each tag, and get a filtered result of all products with this tag. Can it be done?

I am using the Dawn theme. 


Thank You

[AvadaCommerce]

Hi @Terrapin ,

To change you follow the instruction:

1. Go to Online Store->Theme->Edit code
2. Section->/main-product.liquid->paste the code below where you want it:

<div class="product_tags">
               {% for tag in product.tags %}
                 <a class="link" href="/collections/all/{{ tag | handle }}" rel="tag" style="text-decoration: none">
                   <span>{{ tag }}</span>
                   {% unless forloop.last %}
                   <span class="separator">/</span>
                   {% endunless %}
                 </a>
               {% endfor %}
</div>

I hope it would help you.

[Terrapin]

hi @AvadaCommerce  

when you wrote "paste the code where you want it", does it matter where I paste the code?

because I see the are 830 lines of existing code already there, so I'm not sure where to paste it... 


Thank You

[AvadaCommerce · Accepted solution]

Hi @Terrapin ,

You can add below {% endfor %} at line position: 364

Hope can help you. ^^

[Terrapin]

hi @AvadaCommerce 

Thank You very much 🙂

it works perfectly!