Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Zoom Effect(SKU# FLEX-00005)

TOPIC: zoom effect doesn't change image on mobile

zoom effect doesn't change image on mobile 9 years 7 months ago #10799

Hi
I work with zoom effect and it works great.
My problem is when I switch product color in mobile the main image does not change

I examined the issue and found the following error when I replace:

"Uncaught TypeError: Cannot read property 'swaptheimage' of undefined dtm_white-1-detail:1480(anonymous function) dtm_white-1-detail:1480p.event.dispatch jquery.min.js:2g.handle.h jquery.min.js:2p.event.trigger jquery.min.js:2(anonymous function) jquery.min.js:2p.extend.each jquery.min.js:2p.fn.p.each jquery.min.js:2p.fn.extend.trigger jquery.min.js:2changeColor dtm_white-1-detail:1097onclick dtm_white-1-detail:1
black "

site link: www.donttellmama-studio.com/

Thanks in advance
Attachments:
The administrator has disabled public write access.

zoom effect doesn't change image on mobile 9 years 7 months ago #10803

Hi,

In your website, "flexibleZoomEffect" script won't run if the browser resolution (width) is less than 481px.
And this is something you have made through these lines:

Attachment ScreenShot2014-09-07at12.10.02PM.png not found



(if the flexibleZoomEffect script won't run, of course the imageSwap won't work)
The administrator has disabled public write access.

zoom effect doesn't change image on mobile 9 years 6 months ago #10919

OK makes sense :)

but the reason I did it was to disable the zoom effect if mobile.
in mobile the zoom is not working and I don't need it to work

the problem is your function are trying to work and so when I try to scroll down while touching the main image... The window won't move down.

do you have any idea for how to fix that?

I re-enabled the functions (and now the image changes but I can't scroll down - on mobile)
The administrator has disabled public write access.

zoom effect doesn't change image on mobile 9 years 6 months ago #10942

hi,

Then use this trick and disable the "zoom" through CSS (not through JS)

include this CSS rule (to any css file) to hide the ZoomContainer
@media (max-width : 480px)  {
.flexibleZoomContainer {display:none !important;}
}

this CSS rule will hide the ZoomContainer if the screen resolution is less than 480px. But actually FlexibleZoom JS Function will keep running hence the image swapping will work.

If you like Zoom Effect and satisfied with the support you have received, please "write a review" on:
www.flexiblewebdesign.com/Virtuemart-Modules/Virtuemart-Zoom-Effect-Plugin

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 administrator has disabled public write access.
Time to create page: 0.083 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