Our office will be closed for celebrating our Lunar New Year from 20 to 26 January 2023. It will take around 1-2 days for us to reply to your ticket.

Okay
  Public Ticket #2368807
Mobile scroll issue
Closed

Comments

  •  1
    Jason started the conversation

    Noticed a significant flaw in the mobile use of your theme… When browsing a product page such as http://demo1.wpopal.com/farmland/product/all-round-set/ on a mobile phone, the product image fills the bottom of the screen and you can’t scroll down by swiping up on the image. Something about that image is preventing swiping on it. It will scroll if you swipe up on the very small white portion to the right of the image but this is really not intuitive for most people. Please advise if this can be fixed. Thanks.

  •  1,006
    Ha replied

    Hello Mate,

    You can add custom css the same:https://prnt.sc/s31bw4

    .woocommerce-main-image {
    position: relative;
    -ms-touch-action: auto;
            touch-action: auto;
    }

    Support Team

    We are located in GMT +7 time zone and we answer all questions within 12-48 hours on weekdays. In some rare cases, the waiting time can be to 48 hours. Support tickets sent during weekends or public holidays will be processed next Monday or the next business day. 

    If you like our theme, Please vote it 5 stars. We are really really appreciate your vote : 

    To vote go to http://themeforest.net/downloads then follow that link | And Download Our Promotion Themes 

    Thanks and have a nice day!

  •  1
    Jason replied

    Thanks for the reply.  Unfortunately that has had no effect.  I see you've applied that CSS to the demo site too and I still can't touch scroll the page if I try to do it on the main product image.  I tried on my iPhone 8 and also using Chrome's device simulation.

    I did some digging myself into what javascript is at play there and found that the zoom feature on desktop is done with elevateZoom.  This is inserted by the WPOPAL Framework For Themes plugin.  So I'm guessing this is an issue on any themes that use that framework plugin...  When I edit product-image-bottom.php in /plugins/wpopal-themer/templates/woocommerce and comment out the lines that run zoomImage.elevateZoom(zoomConfig); then the mobile scroll issue goes away.

    Do you guys have any control over that plugin?  It would be ideal if elevateZoom gets disabled on mobile...

    Thanks.

  •  1,006
    Ha replied

    Hello Mate,

    Thanks for sharing solution. our dev will check it. and now you can add custom css the same:

    .woocommerce-main-image {
    position: relative;
    -ms-touch-action: auto;
            touch-action: auto;
    }
    @media(max-width:767px) {
    .woocommerce-main-image:before {
    z-index:9999;
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    }
    }

    http://demo1.wpopal.com/farmland/product/all-round-set/

    Thanks



    Support Team

    We are located in GMT +7 time zone and we answer all questions within 12-48 hours on weekdays. In some rare cases, the waiting time can be to 48 hours. Support tickets sent during weekends or public holidays will be processed next Monday or the next business day. 

    If you like our theme, Please vote it 5 stars. We are really really appreciate your vote : 

    To vote go to http://themeforest.net/downloads then follow that link | And Download Our Promotion Themes 

    Thanks and have a nice day!

  •  1
    Jason replied

    Ah yes!  That's a great workaround.  Thanks very much!