Return to previous page

When xstore customizer-> Products Masonry enabled

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

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

#317044 Copied Theme version: 8.1 WooCommerce version: 6.1.1

1 Answer

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

#317061 Copied