remove product image tooltip

we cant hide the toop tip that comes up when hover over the product image
under the product detail page

whats the right css code for that

Hello,

We can provide custom CSS, however, in this case, the option to enlarge image would be lost. So you need to decide either you have the option to enlarge the image and this tooltip or image would not be clickable at all, as there is no option to remove the tooltip with other ways.

Best Regards

hi again
we dont seek that the user can enlarge the image so if there is a way to add some css or JS to remove it that would be awesome 🙂

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woocommerce-product-gallery .woocommerce-product-gallery__image img{
pointer-events: none;
}

Best Regards

ty so much works perfectly

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts