When xstore customizer-> Products Masonry enabled

This topic has 2 replies, 2 voices, and was last updated 2 years, 1 month ago ago by Rose Tyler

  • Avatar: nixatsnow
    nixatsnow
    Participant
    February 14, 2022 at 09:12

    Hi, when we enable Products Masonry in the xstore theme options, as the user scrolls down to browse additional products, and more items load, all the text completely becomes unreadable running into each other.

    see attached: https://screenrec.com/share/iKyUIA1BQ8

    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 14, 2022 at 10:33

    Hello,

    Try to add the next code here – https://prnt.sc/1qxxryo

    reInitIsotope();
    function reInitIsotope() {
    $('.et-isotope').isotope('destroy');
    var $isotope = $('.et-isotope');
    
    $isotope.each(function () {
    
        var $grid;
        $grid = $(this).isotope({
            itemSelector: '.et-isotope-item',
            isOriginLeft: !etConfig.layoutSettings.is_rtl,
            masonry: {
                columnWidth: '.grid-sizer'
            }
        });
    
        // layout Isotope after each image loads
        $grid.imagesLoaded().progress( function() {
            $grid.isotope('layout');
        });
    
    });
    }

    Regards

  • Viewing 2 results - 1 through 2 (of 2 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.