How to Display Tags on the Product Page in Dawn Theme?

Store Design

Topic summary

Main Issue:
Users are seeking to display product tags on the Dawn theme’s product page, with tags linking to search results for products sharing the same tags.

Solution Provided:
Mgroup shared code to add tags to the main-product.liquid file:

  • Insert a loop ({% for tag in product.tags %}) that displays each tag as a clickable link
  • Place the code before the <div class="product__description"> line
  • Clicking a tag triggers a search for products with that tag

Implementation Details:

  • The original poster (Prasadk) wanted tags displayed below the “Add to Cart” button
  • The solution was confirmed working on the example site (kalhaar.com)

Related Questions (Unresolved):

  • Image tags: How to add tags directly on product images (lazy-loaded)
  • Arabic search: Issues with Arabic keyword searches returning no results
  • Styling: Requests for font matching, text size adjustment, alignment (center-justify), and positioning modifications
  • Label badges: Displaying grade labels (A, A+) on product images in specific positions

Most follow-up styling and customization questions remain unanswered.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.
1

How to Display Tags on the Product Page in Dawn Theme?

2

Hello,

Edit your code-> open file “main-product”

You can display tags by adding code bellow:

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

If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.

1 Like
3

Thanks, can you please let me know where exactly should the code be added in the main-product.liquid**?**

4

Yes, of course, but first, tell me where directly you want to display them? Maybe some screenshot.

And ,please, can you share your website link?

Thanks in advance

5

here is the https://kalhaar.com/products/red-handwoven-modal-tye-and-dye-fabric

just below the product - Add to Cart, I want the Tags to be Displayed and linked to the products with the same tags.

thanks

6

Bellow updated code:


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

Find in the file “main-product” line with

and insert code before it. By clicking on each tag will be a search result by tag.

Unfortunately I have no access to your code to check, but it should work. If something go wrong, please, inform me.

3 Likes
7

Thanks So Much for your help. This works and is an amazing feature for our store.

1 Like
8

@Mgroup Hi, can you tell me how I can add to my theme product image tags?

These codes I can use also?

Because how I understand the Dawn theme is with lazy load, just need to change product image tags, is that correct?

My store: homeda.co.uk

psw: picture

Theme: Dawn

Thanks

9

Hi, When I search with Arabic word in my Arabic content then-No results found is displayed. Can you please tell me how to fix the search issue with Arebic Word?

I’m using the Dawn Shopify theme.

10

Hi, When I search with Arabic word in my Arabic content then-No results found is displayed. Can you please tell me how to fix the search issue with Arabic Word?

I’m using the Dawn Shopify theme.

11

Is there a way to change the font to match Dawn theme? Also, to move the tags a bit left so they align with the rest of the copy? My shop is goodvegans.com Thank you.

12

Hi, I want to display a green A and A+ tags/labels on my product pictures, preferbly in the top right corner, or could be right next to the pictures too. Such as on the screenshot. Would this code work for that? Could you help me edit it according to my needs? I use Dawn theme. I would appreciate your reply.

Oj0522_0-1705345111649.png
Oj0522_0-1705345111649.png1920Ă—1080 538 KB

13

Great solution for displaying tags. I used on the Product Page template in a Custom Liquid section. 2 Questions:

  1. Text is small. How to increase text size?

  2. This displays far left with no margin or padding. I have it under the product description, and it is var left. How to add padding, or margin, or center-justify? Thanks much in advance.