Skip to product information
1 of 1
Published:2023.04.23

Example of settings to display product tags on collection pages for the Shopify theme "Dawn"

Example of settings to display product tags on collection pages for the Shopify theme "Dawn"

Applications

  • CollectionsEdit

How to implement

  • LIQUID
  • HTML/CSS
View full details

There are many cases where you may want to display product tags on a Shopify collection page. There are various ways to set this up depending on the theme you use, but here is an example using "Dawn". Since apps may automatically tag products, we recommend that you also implement a setting to exclude them from display.


Example of settings to display product tags on collection pages of the theme "Dawn"


Setup Step 1: Add scheme to "main-collection-product-grid.liquid" and label to "ja.schema.json"


Step 2: Modify the display code of "main-collection-product-grid.liquid" and "card-product.liquid"


Step 3: Set tags for product information and tags you do not want to display in the theme editor


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

for main-collection-product-grid.liquid {% schema %}

Related Post