Fix Zoom Image Bug Which Prevents To Go Back To Previous Images

Modified on Tue, 10 Apr, 2018 at 8:05 AM

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

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article