How can I display tag on product page (impulse theme)

[motherhousehk]

HI there!
I am looking for the solution of displaying tag on the product page like below:

i would like to let customer convert to the similar products more easily.
do anyone can teach me display the tag on the product page?

Thank you!

[dmwwebartisan]

Hey @motherhousehk

Add the below code in your sections/product-template.liquid file where you display tags :

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

Now add below CSS in assets/theme.scss file :

.product-single_tags .product-tags li {
    display: inline-block;
    border: 1px solid #CCC;
    padding: 0px 10px;
}

Let me know if it doesn’t work for you.

Thank you

[motherhousehk]

Thank you but it doesn’t work

[dmwwebartisan]

Hey @motherhousehk

Please PM me.

Thanks!

[violetas]

Hi, this worked for me but the links are not added. How do I get the links attached to the words?