Several thumbs – Only one zoomed image

I’m also seeing this behaviour.

If a product variant thumbnail is clicked, the main image changes but the popup zoom window still shows the (zoomed in) original image, not the variant.

I’m seeing the same thing. I’m unable to select another thumbnail. The other thumbnails show up in the lightbox but do not swap with the primary image so you can zoom.

Disappointing as I thought this plugin did exactly what I need.

I have a fix…

In /wp-content/plugins/woocommerce-image-zoom/assets/js/main.js:

jQuery(function($){
$(‘#wpb_wiz_img_id’).elevateZoom();

$(‘.product-img-thumb a’).on(‘click’, function(e) {
$(‘#wpb_wiz_img_id’).elevateZoom();
});
});

In a nutshell, it restarts the zoom plugin every time one of the product image thumbs is clicked.

If you’re worried about the fix getting overwritten if the plugin is ever updated again, you can add the code to your sites/themes main javascript file.