How to make product card image clickable? Theme DAWN

Store Design

Topic summary

A user sought help making product card images clickable in the Dawn theme, as only product titles were functioning as links.

Initial Problem:

  • Product images and collection cards were not clickable
  • Only text titles directed to product pages

Solution Process:

  • Another user provided a CSS code solution
  • Initial attempt failed when code was pasted at the end of base.css
  • User shared a screenshot showing code placement

Resolution:

  • After adjusting the implementation, the solution successfully worked
  • Product card images are now clickable and direct to product pages
Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I noticed that only the product’s title is clickable but not the whole image. Can someone please help me make the images of products and collection cards clickable to the product page?

https://toutjewellery.co.uk/collections/earrings

Thank you!

2

Hi thanks for your solution! Unfortunately it doesn’t work:(

3

Hello I’ve pasted the code here, at the end of base.css

Did I pasted it to the wrong place?

Screenshot 2024-06-13 at 23.07.53.png
Screenshot 2024-06-13 at 23.07.53.png2404×1506 388 KB

4

Hi there,

It works now! Thank you!!