Bug with images product

Hi, following the Basel upgrade to version 3.2.0, I found a bug to the product page.

It often happens that the images are not displayed correctly: instead of the main image, there are 3 thumbnails, as you can see from the screenshot in the attachment.

It resolves with a simple refresh of the page, but this bug appears very often.

Is there a way to solve it?
Thanks so much.

Attachments:

You must be logged in to view attached files.

Hello,

Yes, we are aware of this issue. We will fix it in our next theme update.

You can fix it yourself, replacing the code in the js/functions.js file

                    $('.product-images').imagesLoaded(function() {

                        $('.woocommerce-product-gallery__wrapper').addClass('owl-carousel').owlCarousel({
                            rtl: $('body').hasClass('rtl'),
                            items: 1,
                            autoplay: false,
                            dots: false,
                            nav: false,
                            autoHeight: ( basel_settings.product_slider_auto_height == 'yes' ),
                            navText:false,
                            loop: false,
                            onRefreshed: function() {
                                $(window).resize();
                            }
                        });

                    });

with this one

                        $('.woocommerce-product-gallery__wrapper').addClass('owl-carousel').owlCarousel({
                            rtl: $('body').hasClass('rtl'),
                            items: 1,
                            autoplay: false,
                            dots: false,
                            nav: false,
                            autoHeight: ( basel_settings.product_slider_auto_height == 'yes' ),
                            navText:false,
                            loop: false,
                            onRefreshed: function() {
                                $(window).resize();
                            }
                        });

You need to disable JS minification in Theme Settings -> Performance also.

Regards

Hi, I replaced the code with the correct one, but unfortunately the problem is still there.

Could you please provide us your FTP and admin access so we can check it ourselves?

[Author]

Posts