Elevatezoom breaks "swipe" events on mobile devices - images won't "swipe"

[peppies]

Greetings,

My image gallery has "swipe" support for mobile touch devices. The Elevatezoom lens disappears on mobile devices (which it should in my case), but users cannot swipe the images with their finger to show the next image in the gallery list.

It seems like maybe the lens is hidden from view, but it still exists in front of the image. So when users try to swipe the image, it's actually just dragging a hidden lens around... Users can still click the image link to see the full image, but they just can't swipe in order to move to the next image in the gallery.

Is there a fix for this? This a very great script and this swipe issue is probably the last piece to the puzzle before I can make my script go live.

Thanks Kind regards

[luannm25]

+1

[jasonujmaalvis]

You will have to destroy the zoom for mobile, something like:

$(".zoomContainer").remove();
$(".your-zoom").removeData("elevateZoom");

[ghost]

+1 Can confirm this issue... Btw.: Great Plugin!

[Avaroth]

Any fixes for this yet? I really like this plugin but it destroys mobile compatibility :(

[kavehsajjadi]

I just encountered this issue on phones. Fixed it with the below: @media(max-width: $tablet-max) { /* The image that has zoom on it */ .product__img { pointer-events: none; } } Unfortunately this means hover zoom is lost below that breakpoint.

[gokerhabib]

thanks everyone.