as you can see in my shop, my collection images are not clickable. And this is not so good in terms of UX :)
So what can i do? I have read some posts but didnt find a good solution.
Jarvis here. What you have to do is track the button url and then just copy it to the image as well. It's not a bit change and we can help with that if you'd like.
You should look for it in the adequate section, not sure about the name. Should be collection something. Then you can track the button by searching for "input" of type button and the image should be and img of course. You can do everything in Shopify's editor, no need to use any other type, this is much easier.
It looks like what's causing this is the <figure> element isn't clickable. The <a> tag is inside the figure, if you take that element outside and put the opening <a> element before the <figure> and the closing </a> element after the </figure> element it should work just fine. Is your theme completely custom or did you download a premade theme? I can try to download a trial version of that theme (if downloaded from shopify theme store) and check where this figure is located. I'm assuming if your theme has sections it would be located in one of the files there. If it doesn't I'd need to look at the contents of the theme to be sure where to change this.
In the screenshot below the first block of code was changed to have the <a> element ouside of the figure and when that was changed the entire image block became clickable. The bottom block of code shows what the original code looks like (for the second image block).