Product page layout error

Hey,
My individual product page layout seem to have an error. They look messy when you load the first time, but when you reload the product page it goes back to normal.
Open several products from this page and see http://www.isarobrand.com/categoria-produto/masculino-2/
Only when you reload the page layout gets fixed.

Attachments:

You must be logged in to view attached files.

Hello,

Try to disable JS minification in Theme Settings -> Performance and change the following code in 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();
                            }
                        });

Hi, I’m having this issue as well but only in Google Chrome.

Isn’t that code the same? Should we remove this part “$(‘.product-images’).imagesLoaded(function() {“, is that it?

Thank you!

Hi,

This bug is already fixed. You need to update the theme to the latest version – 3.3.

Regards

[Author]

Posts