How to make the product image on collection page clickable?

[hallaqrosy]

Hello,
How to let customers able to click on the image to see the product page?

Currently, the product title is only clickable. I need the website to respond if customers click on the image and show the product page.

I need to make both clickable. Image and title. Not only title

my website: https://rosy.zone/collections/face

see attached.

[WoodyDev]

Hi and welcome!

If you are familiar with coding I can send you the code required to do so, if not, please post your STORE.myshopify.com and I will request access and make this change for you 🙂

[hallaqrosy]

Hello,
Thanks for your reply.
Appreciate sharing the code. I think I'll be able to amend it if you provide some explanation.

If I couldn't do. I'll get back to you

With many thanks.

[hallaqrosy]

Hello,
Thanks for your reply.
Appreciate sharing the code. I think I'll be able to amend it if you provide some explanation.

If I couldn't do. I'll get back to you

With many thanks.

[WoodyDev]

Sure thing!

You will need to go to your card-product.liquid file and look for the follow section of code:

At the start of this code (before the <div) put the following:

<a href="{{ card_product.url }}">

then after the </div> put </a>

This should make your images clickable.

[hallaqrosy]

I couldn't do this 😅

Would you please help with it?
This is my store URL:
https://vesv.myshopify.com/

[WoodyDev]

Sure thing!

Just sent the request through, once I've done it, I'll tell you where to look so you can see the change I made for future reference 🙂

[hallaqrosy]

Done.
I’ve accepted your invitation

[WoodyDev · Accepted solution]

Perfect!

Please check your site for me!

If you head into your 'Edit Code' section and select the 'product-card-grid.liquid file, you will see where I added the code I mentioned in a previous comment 🙂

[hallaqrosy]

Thank you very much
Yes, this is working perfect 

[WoodyDev]

You're very welcome!

Please take a moment to read through my signature below, it really helps me out ❤️

[Greer_George]

hey @WoodyDev I've been trying to find this liquid file for ages now...wondering if it would be different for the dawn theme?? Would really appreciate your help 🙏

[volo2552]

Hey, I am having the same issue, where did you put that code in the product-card-grid.liquid file?