Many ideas are available to fix this but most just don’t work
The fix that worked for us makes all woocommerce products have no immediate zooming effects and when clicked the image becomes a lightbox slider. Goal complete!
So how do you duplicate this process?
This fix requires editing some code. Don’t freak out. It’s just text on a page. You will need to simply copy the code below and paste it in the proper location, then save.
The instructions
Open your CPanel file manager or FTP file manager
Go to the root directory of your site
Open folder wp_content
Then open themes
Go to the active theme directory (should be a child theme, if not see this article about the importance of using a child theme)
Find your function.php file or create one in the themes directory (this can be done in the child theme creation)
Copy code below
function remove_image_zoom_support() {remove_theme_support( ‘wc-product-gallery-zoom’ );}
add_action( ‘wp’, ‘remove_image_zoom_support’, 100 );
Paste code inside the file at the end of the code (if you need more visuals please watch the video)
Save file
Delete site cache
Reload the page and check the zooming effect
That’s it. If this post or video helped you please subscribe to our YouTube channel and like our video.