Why are my Product URL's not working now?

[JimWatts]

Hello, hope everyone is well. I did a little bit of coding, and I have centered my sold out button and got everything properly set up. But it seems, not I have lost the hyperlink for a product to be clicked on. Can anyone please assist?

www.watsinternational.com

[duncancolville]

Hi,

What did you use to trigger the sold out button?

Might be worthwhile using  if and else statements here if you haven't already.

{% if product.quantity > 1 %}

*Display sold out button and css*

{% endif %}

[JimWatts]

I did that. Now my only issue is stopping the button ahover effect. Check out what I have done if you can. I don't want the button to have any opactiy/effect.
www.watsinternational.com

EDIT: Now, anytime I add the link back, it's causing different ahover effects. I want everything to be exactly identical hyperlink wise and effect wise, but just the button no effects.

[duncancolville]

So just to confirm, you don't want the grey overlay to appear on hover here right?

[JimWatts]

Here, let me explain.
See page: https://watsinternational.com/collections/all?page=16

Notice now the sold out product doesn't link to the product. I can change that by adding ahref {{product}} or whatever. But when I do that, it makes the button have the same effect as everything else, and we lose the effects on ahover over the image, and the title on the product grid view.