$('.zoom_01').elevateZoom({
zoomType: "inner",
cursor: "crosshair",
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 750
});
$('li.thumbnails-wrapper').on('click', function(){
var getImage = $(this).find("a").attr("data-zoom-image");
$(".product-single__photo--flex-wrapper img.image-zoom").attr("data-zoom-image", getImage);
$('.zoomContainer').remove();
$('.zoom_01').removeData('elevateZoom');
$('.zoom_01').removeData('zoomImage');
//setTimeout(function(){
$('.product-single__photos .zoom_01').elevateZoom({
zoomType: "inner",
cursor: "crosshair",
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 750
});
//}, 3000);
});
Elevate zoom is not working ob my shopify store it's working only for first image. I want it's work for all like first image...
this is the store url -
https://posherjewelry.com/collections/color-silver/products/techiya
here is my code -