Return to previous page

Product picture zoom on mobile - by SOMION

This topic has 6 replies, 4 voices, and was last updated 10 years, 2 months ago ago by Eva Kemp

SOMION

Participant

June 23, 2014 at 14:00

Hi,

using the theme for a shop with woocommerce I have the problem that if you open a single product there is the ability to zoom the picture on mouse-over.
However if you open up the page on mobile, this prevents the user from scrollen, as having the finger on the picture will result it in zooming instead of scrolling the page. Depending on screen-size this makes scrolling almost impossible.
Is there some way to disable this feature on mobile device?

#7785 Copied

5 Answers

Jack Richardson

Support staff

June 23, 2014 at 14:18

Hello,

Unfortunately there is no such option to disable this feature only for mobile devices. It can be disabled only for both desktop and mobile devices.

Sorry for inconveniences!

Regards,
Jack Richardson

#7787 Copied

SOMION

Participant

June 23, 2014 at 15:48

Where would I be able to disable it for both? Preferable programmatically in the script?

#7790 Copied

Jack Richardson

Support staff

June 23, 2014 at 15:51

Hello,

You should go to Theme Options -> Single Product Page -> Zoom effect -> Disable.

Regards,
Jack Richardson

#7791 Copied

dwinter

Participant

September 22, 2014 at 18:19

Hi, I have this same issue. Could there possibly be a way at all in css to disable the product zoom effect on mobile devices if I want to keep the zoom in desktop?

#16475 Copied
Eva Kemp

Support staff

September 22, 2014 at 19:02
Hello @dwinter,

Please try to use this code in custom.css file:
```
@media (max-width: 860px) {.sxy-zoom-container .sxy-zoom-dragpad {
    display: none !important;
}}
```
How to create custom.css you can watch here. The tutorial is for Legenda theme, but the process is identical.

Regards,
Eva Kemp.
#16483 Copied
Viewing 6 results - 1 through 6 (of 6 total)