CSS to Disable Single Product Image Mouse-Over & Link

Hi there,

I’m not aware of any CSS code for the zoom-effect or click-through links as these are typically powered by JavaScript rather than CSS. Regardless, to remove those effects, have a look at this guide as it highlights a few methods to disable that (some themes might influence the availability settings).

In terms of hiding the “Category” section on the single product page, you can use the following custom CSS:

.single-product .product_meta {
display: none;
}

Hope it helps 🙂

Thanks for the CSS and the tip! Works perfectly!

I did not realise developers added a zoom-effect setting.

Cheers!