Product Variation Gallery not working in mobile

This topic has 29 replies, 3 voices, and was last updated 5 days, 13 hours ago ago by Andrew Mitchell

  • Avatar: Nabco
    Nabco
    Participant
    January 8, 2026 at 12:52

    I’m using variation gallery and have added multiple image to each variation and its working fine on desktop
    But in mobile the gallery slider is not working properly
    https://nabco-industries.com/product/b-series-size-160cm/
    Sometime its works but sometime it doesn’t, please check the attached screen recorded video
    https://www.awesomescreenshot.com/video/48159789?key=e6efec6fdb006c2d84a9ccac71e5236f

    28 Answers
    Avatar: Nabco
    Nabco
    Participant
    January 9, 2026 at 08:29

    Still waiting for your response

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    January 9, 2026 at 10:10

    Hello, Nabco,

    Thank you for your message. We sincerely apologize for the delay in our response. The errors in the scripts on your video were related to caching issues that occurred after the website migration. As far as we can see now, these errors have been resolved, and the gallery is functioning correctly.

    Best regards,
    8Theme Team

    Avatar: Nabco
    Nabco
    Participant
    January 9, 2026 at 11:16

    Which Website migration you are talking about
    the issue is still there
    did you check the screen record video that i have attached earlier
    Even i have told you that gallery works sometime and sometime it didn’t work

    Avatar: Nabco
    Nabco
    Participant
    January 9, 2026 at 11:36

    When you scroll the thumbnail slider forward and then backward and then select any image from thumbnail the errors appear again and the gallery stopped working

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    January 9, 2026 at 13:58

    Could you please provide temporary wp-admin access? We need to check your settings.

    To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

    Best Regards,
    8Theme’s Team

    Avatar: Nabco
    Nabco
    Participant
    January 9, 2026 at 14:15

    Please Check the Private content for username and password

    Please contact administrator
    for this information.
    Avatar: Nabco
    Nabco
    Participant
    January 10, 2026 at 06:11

    Hi Andrew
    did you check my website
    Your response time is very long

    Avatar: Nabco
    Nabco
    Participant
    January 10, 2026 at 11:23

    Still waiting for your reply and its been 24 hours

    Avatar: Samir Malik
    Samir Malik
    Support staff
    January 10, 2026 at 13:14

    Hello,

    I am another member of the staff, and I have checked the product link on my actual iPhone but was unable to reproduce the issue.

    https://drive.google.com/file/d/1QBQC1Tqcpdu6tx2MLG6jXXluuDxbH8s4/view?usp=sharing

    Best regards,
    The 8Theme Team

    Avatar: Nabco
    Nabco
    Participant
    January 10, 2026 at 13:55

    As i told sometime its working but when you scroll the thumbnail slider back and forth and then select the the image from the thumbnails then it creating the issue again
    please check the recent Screen recorder link
    https://drive.google.com/file/d/1plrg0V0AFlA-8gqqZVyA7-R6wjtrsJyG/view?usp=sharing

    when you scroll the thumbnail slider then check the warnings in the console may be you get an idea

    Avatar: Nabco
    Nabco
    Participant
    January 10, 2026 at 13:58

    And please don’t take that much time to reply

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    January 12, 2026 at 12:37

    Hello, Nabco,

    Unfortunately, without FTP access, we will not be able to resolve this issue.

    Could you please provide us with FTP access so that we can check what can be done to assist you?

    For FTP access, we require the following details: FTP host, FTP username, FTP password, FTP port, and FTP encryption type. If you need assistance in creating these credentials, please contact your hosting provider, who will guide you through the process.

    Best regards,
    8Theme Team

    Avatar: Nabco
    Nabco
    Participant
    January 12, 2026 at 14:04

    Please check the FTP Access
    And resolve my issue as soon as possible
    Please Please Please

    Please contact administrator
    for this information.
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    January 12, 2026 at 16:40

    Hello, Nabco,

    Thank you for providing access. After our review, we found that the issue occurs due to a custom script associated with tabbyPromo. This script is executed after the main function, and its execution causes a delay in the slider area. This is why the behavior appears random – when the script runs faster, the slider is not delayed, but when it runs slower, the slider is affected.

    Unfortunately, we have not found a way to unlock this script or to modify the slider’s functionality so that it remains unaffected. Therefore, we kindly ask you to temporarily disable the script and check whether the issue persists.

    Best regards,
    8Theme Team

    Files is visible for topic creator and
    support staff only.
    Avatar: Nabco
    Nabco
    Participant
    January 13, 2026 at 05:55

    Hi Andrew
    I have tried with disabling the tabby promo code but it wasn’t work then i have deactivated the tabby plugin it still not working the issue is still there.
    It wasn’t the tabby , it’s some else as i have attached the SS please check and resolve the issue.
    Whenever i scroll the thumbnail slider the warning in the SS appears it’s effecting the slider and keep in the that issue is only in mobile view

    Files is visible for topic creator and
    support staff only.
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    January 13, 2026 at 15:00

    Hello, Nabco,

    We are actively working on resolving your issue. It has turned out to be more complex than we initially expected, and its resolution will require some additional time.

    Best regards,
    The 8Theme Team

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    January 14, 2026 at 04:22

    Hello, Nabco

    Thank you for your patience.

    The issue was related to slow internet speed and caching. The gallery used a fixed timeout setTimeout(…, 500), which often triggered before the images were fully loaded or when some of them were retrieved from the cache. As a result, the slider recalculation occurred prematurely, causing incorrect dimensions or height, and slick(‘reinit’) did not reflect the actual state of the gallery.

    Solution: We removed the time-based dependency and replaced it with an image readiness check. The code now waits until all images are either fully loaded (including cached ones) or have failed to load before running slick(‘reinit’) and resize. This ensures stable behavior regardless of internet speed or caching specifics.

    To implement this, we made changes to the file:
    wp-content/themes/xstore/js/modules/variation-gallery.min.js

    These changes will also be included in the next theme update. Before testing, we recommend clearing your browser cache (even in incognito mode) and, if applicable, clearing any CDN or server cache as well.

    Best regards,
    8Theme Team

    Avatar: Nabco
    Nabco
    Participant
    January 16, 2026 at 13:04

    Thank you that issue is resolved
    Now i want to show at least 6 thumbnails instead of 3
    Please check the attached Screen shot
    the products gallery thumbnail slider shows 3 images but i want to show 6 image even we reduce the thumbnail image size

    Files is visible for topic creator and
    support staff only.
    Avatar: Nabco
    Nabco
    Participant
    January 19, 2026 at 05:54

    Still waiting for the response
    its been 2 days now

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    January 19, 2026 at 16:11

    Hello, Nabco,

    Unfortunately, this is not possible by default. In addition, you are interfering with the operation of our gallery. Therefore, to display six images on mobile devices and to maintain compatibility with your custom settings, we have added the following code to the functions.php file of your child theme.

    add_filter( 'etheme_product_gallery_thumb_slides', function ( $slides ) {
    
        if ( isset( $slides['mobile'] ) ) {
            $slides['mobile'] = 6;
        }
    
        return $slides;
    }, 101 );
    
    add_filter( 'woocommerce_product_thumbnails_columns', function ( $slides ) {
    
        return 6;
    }, 101 );
    
    ?> 
    
    <script>
        setTimeout(function(){
        jQuery(function($){
            const $slider = jQuery('.vertical-thumbnails');
    
            if (!$slider.length) {
                return;
            }
    
            const isMobile = window.innerWidth <= 768;
    
            if (!isMobile) {
                return;
            }
    
            if ($slider.hasClass('slick-initialized')) {
                $slider.slick('unslick');
            }
    
            $slider.slick({
                slidesToShow: 6,
                slidesToScroll: 1,
                vertical: false,
                infinite: false,
                arrows: true,
                dots: false,
                adaptiveHeight: false
            });
        });
    }, 5000);
    </script>

    Best regards,
    8Theme Team

    Avatar: Nabco
    Nabco
    Participant
    January 20, 2026 at 08:05

    Hi Andrew
    Your code is working fine and giving the required output but causing other issues like while updating any plugin it throws an error and also i can’t edit any page through elementor when the code is active. So i have disabled the code by commenting because i want to make changes in home Elementor page
    Please check and resolve it

    Files is visible for topic creator and
    support staff only.
    Avatar: Nabco
    Nabco
    Participant
    January 20, 2026 at 08:10

    Also the xstore core plugin didn’t show any update on plugin page but i’m getting a notice that i have to update the xstore core plugin

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    January 20, 2026 at 09:34

    Hello, Nabco,

    We have made the necessary corrections, and everything should now be functioning properly. Please check it at your convenience.

    Best regards,
    The 8Theme Team

    Avatar: Nabco
    Nabco
    Participant
    January 21, 2026 at 11:54

    Hi Andrew
    Please help us one more time the code you have added for showing the 6 thumbnails can you make some changes into it
    instead of showing the thumbnails in mobile view just shows the bullet dots
    Keep the main image and remove the thumbnails and add dots

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    January 21, 2026 at 17:02

    Hello, Nabco,

    We have replaced the images with bullets according to your request (the bullet sizes were chosen at our discretion). Please check and let us know if everything is correct.

    Best regards,
    8Theme Team

    Avatar: Nabco
    Nabco
    Participant
    January 22, 2026 at 06:56

    Thank you Andrew
    I have checked the bullet size is too large and gap between them is wide
    Please check the attached SS, can you make the same style as the bullets centered, small and less gap

    Avatar: Nabco
    Nabco
    Participant
    January 22, 2026 at 06:57

    Like this Screen Shot

    Files is visible for topic creator and
    support staff only.
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    January 22, 2026 at 10:47

    Hello, Nabco,

    Thank you for the example. We have made the necessary changes; please check them.

    Best regards,
    The 8Theme Team

  • Viewing 29 results - 1 through 29 (of 29 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.