Clickable Tags On The Product Page In Dawn Theme?

Store Design
, , , ,
1

So I’ve found 2 solutions but want to combine them.

Can anyone help?

Essentially I want tags to be displayed under the title but I want them to take me to the corresponding collection when clicked. I also want them to appear as pill buttons like everything else on my product page.

Formula that adds clickable tags: https://community.shopify.com/post/1607052

Formula that styles them: https://community.shopify.com/post/2159247

2

Hello @euphoriaforest

Welcome to Shopify Community,

Please tell me what help you need with the provided solutions ?

Thanks

3

Try this @euphoriaforest


          {% for tag in product.tags  %}
          
           {% endfor %}
4

This worked but is there any way to make them smaller and also change color when you hover over them so people will know they are clickable?

5

Well, I don’t even know what it looks like because I just combined the code. Can I have the link to your store to see what it looks like to downsize it?

6

Oh my bad! It’s: https://euphoriaforest.store/products/1team-real-fujifilm-instax-prints-kpop-korean-euphoria-forest

7

You can replace the code with this.


          {% for tag in product.tags  %}
          
           {% endfor %}
8

This worked! Thank you for your help

9

@ThePrimeWeb Hi, is there a way to display the tags in alphabetical order?

10

I’m not sure if it’ll work, but you can try this and see @MMO1


          {% assign products_by_tags = product.tags | sort_natural %}
          {% for tag in products_by_tags %}
          
           {% endfor %}