Hi
I have problem in mobile devices when i scroll down and the image of product take place in all screen like photo i cant go down scroll not working i try this

@media screen and (max-width: 400px) {
.flexibleZoomContainer { display:none !important;}
}

the zoom not working but i can scroll down by touch...

Hi,

This is a dilemma. There is no patch for that. Because when the finger enters on the picture area (while scrolling down), the Zoom Effect extension is automatically activated. Because the zooming is working based on .touchmove() function. So unfortunately, the zooming extension can't be sure if the user start touching before the image (the purpose: scrolling the page down) or the user started touching right at the top of the image (the purpose: zooming). It is really hard to explain this to you, but this is the idea behinds that behavior.

If there was enough spaces on the left or right hand side of the picture, people will still be able to scroll down by sliding down next to product picture. But this time, the product picture will be so small.

The only working solution is to disable the "Zoom Effect Window" when the browser resolution is so small (on smartphones) Beside, activating the Zoom Effect on small screens (smart-phone) is not very user-friendly (unless you use InnerZoom or LensZoom)

This CSS rule:
should hide the ZoomWindow to be appeared (when the finger enters the thumbnail area while scrolling down) but once it gets single-touch the FancyBox popup will still be working.

(touching to activate the FancyBox and Moving the finger around the thumbnail to activate the Zoom Effect are different things. FancybBox is working just fine without conflicting the scroll down event)

Regards,
Support

and where i put this css? i put it in ovveride css of template...is right?

You can put that CSS rule to "any" CSS file that gets loaded to your website.

You can even put it in this CSS file:
/templates/YOUR_TEMPLATE/css/template.css

It won't be override by any other rule, because that specific rule that i have gave you, has !important parameter at the end.Therefore, the order of CSS file loading also doesn't matter.

FYI: Open your website front-end, right-click and then click "View Page Source" to figure out what CSS files are being loaded to your website.

Regards,
Support