How to make images clickable on collection page

[ascended]

 

 Hello, I am trying to make the images on my shop all page clickable rather than just the link. I also want to remove the underline on the title of the item when hovering over it. I have already tried wrapping various codes with "<a href="{{ product.url }}">{{ product.title }}</a>" but it seems to not do anything. (I'm probably doing it wrong?) How do I go about this? Thanks in advance

store: link 

store password: first

page: shop all

[Asad-Mahmood · Accepted solution]

This can be done by modifying your theme code.
You can do this by warping the image inside <a> tag and in href attribute use this value {{ product.url }}

[ascended]

This did don't work for me, is there something else I can try?