WooCommerce Zoom

I’ve searched the forum and can’t quite figure this out. Is there any way to control the size of the product image (in the individual shop page) if you click on the zoom tool? I’ve sized my images to be 800x800px but the zoom feature makes them much bigger, which renders a very poor image. I don’t mind if they are smaller than 800x800 but I definitely don’t want them bigger.

I even tried the instructions on this post https://theme.co/apex/forum/t/woocommerce-zoom-feature-remove/8300 for disabling the zoom altogether but that didn’t work either. It’s still there, even though I have cleared cache.

I realize that WooCommerce (not you) has put this wierd zoom feature in but do you know how to control it?

Thank you very much!

Hello There,

Thank you for the very detailed post information. The zoom in WooCommerce will display the original dimension of your single product image. If you want to control it, you may need to use this custom css:

.woocommerce-product-gallery .zoomImg {
    max-width: 550px !important;
    height: auto !important;
}

Please understand that this is just a temporary fix for your issue. It may not work in the near future especially if WooCommerce will some changes again in their plugin.

Thanks for understanding.

Thanks so much. It’s hard to keep up!