elevateweb / elevatezoom

1.02k stars 493 forks source link

Elevate zoom problem... #176

Open pawansbisht1996 opened 6 years ago

pawansbisht1996 commented 6 years ago

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 -


 $('.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);
    });