[Resolved] Woo Single Product Thumbnail Horizontal Scroll

Home Forums Support Woo Single Product Thumbnail Horizontal Scroll

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1495301
    melvin wang

    Hi Team,

    Following this guide I’m able to add the CSS for horizontal scroll.

    It looks good on the desktop.

    However when i view on the mobile [HwaWei P10plus], the “image thumbnail” area seems unable to scroll with a “scroll bar” display like it could at desktop.

    The code i use:

    .woocommerce div.product div.images .flex-control-thumbs li {
        padding: 5px 5px 0 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 25%;
        flex: 1 0 25%;
    }
    
    .woocommerce div.product div.images .flex-control-thumbs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: auto;
    }

    Could you guide me on how to make the product thumbnail able to scroll like desktop, with a “scroll bar” visible too?

    Thank you.

    Regards,
    Melvin

    #1495338
    David
    Staff
    Customer Support

    Hi there,

    can you disable your cache plugin so i can see if we can fix that.

    #1495379
    melvin wang

    Hi David,

    The only thing related is Autoptimize and i didnt have any other cache plugn. I disabled Autoptimize already.

    Thank you.

    Regards,
    Melvin

    #1495677
    David
    Staff
    Customer Support

    Unfortunately i cannot see what the issue is there, i am not able to replicate it on my dev site. I wonder if the various height images are affecting it?

    #1496416
    melvin wang

    Hi David,

    Thanks for your quick response.

    I wonder if the various height images are affecting it?

    I’ve tried to delete all the additional CSS and check, the issue is still same. The image thumbnail scroll is not working still in Mobile. Refer to the video below

    Could you kindly have a look?

    TQ

    Melvin

    #1498011
    David
    Staff
    Customer Support

    I am sorry but i can’t find a solution for that issue. There is no way to separate the carousel from the thumbnails and they both are affected by the same tap target used for swiping images.

    I think that option to make the thumbnails scrollable is no longer viable.

    #1498063
    melvin wang

    Hi David,

    Noted. That’s ok.

    Still thankful on your effort to help.

    Cheers

    Regards,
    Melvin

    #1498152
    David
    Staff
    Customer Support

    Sorry we couldn’t resolve this!

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.