How can I make product images clickable in the Dawn theme?

Topic summary

Goal: Make product images in Shopify’s Dawn theme clickable (link to product), not just the product title.

What’s been tried:

  • CSS overlay approach adjusting z-index and large padding/margins to extend the link over the image. Result: clickable area exceeds the image and overlaps items in the collection grid, causing accidental clicks on adjacent products.

Proposed fix:

  • Edit featured-collection.liquid to render the card-product snippet with parameters (media_aspect_ratio, image_shape, show_secondary_image, vendor, rating, quick add, section_id). This relies on Dawn’s card-product to handle the clickable image/card.

Outcome so far:

  • After applying the render change, only the first product image in the Featured Collection became clickable; others did not.
  • A request was made to share the complete featured-collection section code. The OP posted their section code (code snippets are central), but no working fix was confirmed.

Current status:

  • Additional users reported the same issue and asked if it was solved.
  • No resolution or definitive cause identified yet; discussion remains open.
Summarized with AI on December 29. AI used: gpt-5.

@Huptech-Web , thank you for your time, but it doesn’t work. Allows you to click only on the first photo in the featured collection section.

Thanks