Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - CleanMart (SKU# FLEX-00015)

TOPIC: Disable Zoom on touch devices

Disable Zoom on touch devices 8 years 1 month ago #13767

Hi,
I applyed the latest flexibleZoomEffect.js but the behaviour on touch screens is still a bit faulty.
It is difficult to swipe over the image and you have to find the correct spot on the screen to be able to scroll.

Actually what happens is that one finger Tap & Move on picture scrolls the page up&down only on first touch but on subsequent touches it doesn't scroll.

As zoom is useless on small screens it would be better to disable the zoom effect complitely on touch based devices.

Have you got any suggestion on how to disable all touch events when screen resolution is low?

You may have a look at the site here: www.puffosport.it/puffo2

Many thanks,
Bruno
Last Edit: 8 years 1 month ago by Bruno Ortolani.
The topic has been locked.

Disable Zoom on touch devices 8 years 1 month ago #13777

Hi,

Does the behavior happen in the cleanMart Live Demo? Please check:
demo.flexiblewebdesign.com/cleanmart/index.php

I don't see any scrolling-problem on my phone (i am using iphone6)

If I touch 1 finger on the product picture: Everything works normal, i can scroll down the page
If I touch 2 fingers on the product picture: ZoomEffect (innerZoom) gets activated.


Regards
The topic has been locked.

Disable Zoom on touch devices 8 years 1 month ago #13779

Your demo in ok. But if you check my site where I have lager images you'll see tre problem.

Thanks, Bruno
The topic has been locked.

Disable Zoom on touch devices 8 years 1 month ago #13797

Hi,

You are not using the latest version of CleanMart. With CleanMart, the ZoomEffect javaScript lines are included to CleanMart's JS file. The standalone JS for zoomEffect is not being used to increase the loading performance.

Anyway, take this JS file:
demo.flexiblewebdesign.com/cleanmart/templates/gantry/html/com_virtuemart/assets/js/flexible.js

and replace it with this one on your server:
www.puffosport.it/puffo2/templates/jux_galiana/html/com_virtuemart/assets/js/flexible.js

everything will be good to go.

You will get this behavior on ZoomEffect:
- if I touch 1 finger on the product picture: Everything works normal, i can scroll down the page
- If I touch 2 fingers on the product picture: ZoomEffect (innerZoom) gets activated.

Regards.
The topic has been locked.

Disable Zoom on touch devices 8 years 1 month ago #13804

Solved! Thanks a lot,
Bruno
The topic has been locked.

Disable Zoom on touch devices 8 years 1 month ago #13807

Thanks for confirming.

Case solved, topic is closed.

If you like CleanMart and satisfied with the support you have received, please "write a review" on:
www.flexiblewebdesign.com/Virtuemart-2-Templates/CleanMart

Write couple of sentences to share your experience with the support team.
Just 2-3 sentences would be enough ;) It might sound simple to you, but it is extremely important. Potential customers care about product reviews very much.

Thanks in advance!

Regards,
Support
The topic has been locked.
Time to create page: 0.163 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo