iSures WooCommerce Ajax Product Filter

Masonry flatsome

Nếu bạn sử dụng theme flatsome và có sử dụng masonry layout sau khi load AJAX giao diện masonry không được cập nhật thì hãy bỏ code sau vào functions của theme

add_action('wp_footer', 'plugn68_filter_masonry_flatsome', 20);

function plugn68_filter_masonry_flatsome()
{

    $list_style = get_theme_mod('category_grid_style', 'grid');
    if ($list_style == 'masonry') {
    ?>
        <script>
            jQuery(document).ready(function($) {
                $(document.body).on('isures_filter_complete', function(event) {
                    var $container = jQuery('.shop-container .products').packery({
                        itemSelector: '.product',
                    });
                    if ($container.length) {
                        $container.imagesLoaded(function() {
                            $container.packery('layout');
                        });
                    }
                });
            });
        </script>
    <?php
    }
}