It’s in the title: how do we disable the zoom function for woocommerce products?
I understand that it is a code that can be added to the function of our theme, please advise.
Hello,
You can use this custom code CSS
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
display: none!important;}
Set the code in Theme Panel ->Custom code -> Custom CSS -> https://www.screencast.com/t/St204VtFl3NU
Thank you!
It kind of worked. Kind of because the pic is still clickable – and opens on a new page, and the magnifier icon is still present.
How can I stop both?
Please advise,
Hi,
You can use this code to hide the icon .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg, .woocommerce-product-gallery__trigger {
display: none!important;
}
Thank you!
