Skip to product information
1 of 1
Published:2024.08.22

Example of how to display product tags on collection pages using the Shopify theme "Rise/Dawn": Part 2 (If you want to specify a color for each tag)

Example of how to display product tags on collection pages using the Shopify theme "Rise/Dawn": Part 2 (If you want to specify a color for each tag)

Applications

  • CollectionsEdit

How to implement

  • HTML/CSS
  • Javascript
View full details

In the Shopify themes "Dawn" and "Rise," there is a way to display product tags on collection pages. Instead of simply specifying the tags you want to display, you can also specify a color code for each tag. This can be done by modifying some of the code in this method (https://store-dojo.com/en-us/products/2024-08-21).


Example of how to display product tags on collection pages in the "Rise/Dawn" theme: Part 2 (Specifying a color for each tag)


How to set it up: Add a custom Liquid section to your collection template and insert the code (at the beginning of the code, specify the tag you want to display and its color).


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add a custom Liquid section to your collection template and insert the code

Related Post