Product Variation Gallery not working in mobile

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

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

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

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

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

Hello, Nabco,

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

Best regards,
The 8Theme Team