Home Forums Basel support forum Product page layout error

Product page layout error

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #13995

    Januka
    Participant

    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.
    #14006

    Artem Temos
    Keymaster

    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();
                                }
                            });
    #15523

    AtelierAlves
    Participant

    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!

    #15525

    Artem Temos
    Keymaster

    Hi,

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

    Regards

Viewing 4 posts - 1 through 4 (of 4 total)