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.
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