A short snippet for use in stack exchange (wordpress).

quick_code.php

<?php //remove this

function loop_p_arch_infinite_scroll_render() {
    $paged = get_query_var( 'paged', 1 );
    ?>
    <div id="page-<?=$paged?>">
        <?php while( have_posts() ) {
            the_post();
            get_template_part( 'content', 'product' );
        }
        ?>
    </div>
    <script id="script-page-<?=$paged?>">
        jQuery('document').ready(function() {
            var new_elements = jQuery('#page-<?=$paged?>').children('.grid-item');
            jQuery('.grid')
                .isotope('appended', new_elements)
                .imagesLoaded( function() {
                    jQuery('.grid').isotope('layout');                
                });
			jQuery('.grid').append(new_elements);
            jQuery('#page-<?=$paged?>, #script-page-<?=$paged?>').remove();                
        });
    </script>
    <?php
}

Thanks for the code, it`s great. Just sometimes images does not load properly to isotope and I am getting error "Uncaught TypeError: jQuery(...).isotope(...).imagesLoaded is not a function". Any idea how to fix this?
Thanks a lot and have a great day :)