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