Skip to content

Elevate zoom problem... #176

Description

@pawansbisht1996

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);
    });

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions