How to make an entire product image clickable for Dawn theme?

Store Design

Topic summary

Goal: Make entire product images clickable (and ideally collections) in Shopify’s Dawn theme.

What works in Dawn:

  • Edit Sections > featured-product.liquid. Wrap the product image container <div class=“product__media-item” …> with an … so clicking the image goes to the product page. Back up the file before editing.
  • Earlier advice to edit product-template.liquid applies to other themes; in Dawn the correct file is featured-product.liquid.

Styling/behavior notes:

Broader applicability:

  • Similar wrapping works on other Online Store 2.0 themes (e.g., Origin) by targeting their equivalent media blocks.

Status:

  • Multiple confirmations that the Dawn fix works. Some users on different themes or seeking site‑wide/collections coverage still have issues; no final, universal solution was provided. Code snippets are central to the thread.
Summarized with AI on December 20. AI used: gpt-5.
4

Hey @EcomGraduates , thanks for moving me in the right direction! But I’m not able to find “product-template.liquid” - it must be listed under something else for the Dawn theme.

Would you happen to know under what section/snippet this needs to be pasted in?