At your theme edit code window, find file 'bc.script.js.liquid'.
Next, find function 'refreshZoom' (refer to image below)
Add the following piece of code right after the code in that image:
jQuery('.thumb-img').click(function(){
$('.zoomContainer').remove();
zoomImage.removeData('elevateZoom');
zoomImage.attr('src', $(this).data('image'));
zoomImage.data('zoom-image', $(this).data('zoom-image'));
COPY THE WHOLE CODE FROM 'zoomImage.elevateZoom({...})' THAT YOU CAN SEE IN YOUR CODE TO THIS SECTION
})
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article