WpWay_

WpWay_ supports this item

Supported

442 comments found.

KiroNet

KiroNet Purchased

Noticed one bug. On mobile devices(product view) users can’t scroll by touching an image(it sort of triggers unwanted zoom) = increased bounce rate on mobile devices. Was tracking users by smartlook web app.

I think it’s better to remove zoom on mobile devices(not sure about tablets), because it works really bad. Why:

-impossible to scroll -if you clicked on image and it zoomed in, it’s impossible to zoom out back(only by refresh). If there is a way, than there is no possible way that regular visitor will find out how to do that if I can’t.

Example: https://www.smartlook.com/play/shared/fc7c50aeb2431d443fe9ed042533b86d407aa4dc

KiroNet

KiroNet Purchased

Just about zooming out – second tap is not always working(maybe if you have high speed internet)

My fix for scrolling is: Removing all preventDeafult()’s in ‘touchmove’ event-bindings in jquery.elevateZoom-3.0.8.min.js(library is not maintained – last change 5 year ago)

Hi, KiroNet.
We have tested zooming out issue on several phones and can’t reproduce it. Image zooms out once you’ll release a finger out of the screen.
As for scrolling… We have left a space for content on the Product page out of the image. So, you’re able to scroll the page using this space without removing zoom for mobile devices.

which file does the replace-2x class live in? I’m trying to use the gallery (4 column) but the image doesn’t enlarge.

Hi.
This class requires two image files with two file names:
1. image.jpg – image for displaying on non-Retina displays
2. image@2x.jpg – high-resolution image for displaying on Retina displays
If you don’t need to display high-resolution images on Retina displays, then just remove class=”replace-2x” from your HTML source code.

Ok. Thanks. Stupid question how do you get the image to enlarge when you click on it?

Please use ‘gallery-images’ class for the link like in ‘gallery-4.html’ file.

by
by
by
by
by
by