How to disable image swap on hover on catalog page?

[alitraeps]

Hi, how can I disable the image swap that happens on the product page when you hover over the View Item / Add to Cart box?

Not all of our products have a gallery and it looks strange to have this working on some product thumbnails but not others.

Instead, we think it’s only best to show the product image on the catalogue page.

I tried doing this with CSS:

.woocommerce ul.products li.product figure .product-wrap .product-images .shop-loop-thumbnail.shop-loop-front-thumbnail {
z-index: -1;
}

But that didn’t work because the product image wouldn’t show, only the first one in the gallery.

Please help.

Thanks.

Add New Note to this Reply