category.html

<script type="text/javascript" src="{$wa_app_static_url}js/lazy.load.js?v{$wa->version()}"></script>
<script>
$(document).ready(function () {
    if ($.fn.lazyLoad) {
        console.log("init");
        var paging = $('.lazyloading-paging');
        if (!paging.length) {
            return;
        }

        var times = parseInt(paging.data('times'), 10);
        var link_text = paging.data('linkText') || 'Load more';
        var loading_str = paging.data('loading-str') || 'Loading...';

        var current = paging.find('li.selected');
        if (current.children('a').text() != '1') {
            return;
        }
        paging.hide();
        var win = $(window);

        win.lazyLoad('stop');

        var next = current.next();
        if (next.length) {
            console.log("next.length");
            win.lazyLoad({
                container: '#product-list .catalog-items',
                load: function () {
                    win.lazyLoad('sleep');

                    var paging = $('.lazyloading-paging').hide();

                    var current = paging.find('li.selected');
                    var next = current.next();
                    var url = next.find('a').attr('href');
                    if (!url) {
                        win.lazyLoad('stop');
                        return;
                    }

                    var product_list = $('#product-list .catalog-items .c-item__wrapper');
                    var loading = paging.parent().find('.catalog__preloader').parent();
                    if (!loading.length) {
                        loading = $('<div class="catalog-loader"><div class="catalog__preloader"><div class="preloader__gif"><img src="{$wa_theme_url}img/loading32.gif" alt="..."/></div><div class="preloader__text">'+loading_str+'</div></div></div>').insertBefore(paging);
                    }

                    loading.show();
                    $.get(url, function (html) {
                        var tmp = $('<div></div>').html(html);
                        if ($.Retina) {
                            tmp.find('#product-list .catalog-items img').retina();
                        }
                        product_list.append(tmp.find('#product-list .catalog-items .c-item__wrapper').children());
                        var ll = new LazyLoad({
                            elements_selector : ".lazy"
                        });
                        var tmp_paging = tmp.find('.lazyloading-paging').hide();
                        paging.replaceWith(tmp_paging);
                        paging = tmp_paging;

                        times -= 1;

                        var current = paging.find('li.selected');
                        var next = current.next();
                        if (next.length) {
                            if (!isNaN(times) && times <= 0) {
                                win.lazyLoad('sleep');
                                if (!$('.lazyloading-load-more').length) {
                                    $('<div class="catalog-loader catalog-loader-button"><a href="#" class="lazyloading-load-more catalog__loader uni-btn uni-btn--red-trnspt"><span class="hover-anim"></span>' + link_text + '</a></div>').insertAfter(paging)
                                        .click(function () {
                                            $(".catalog-loader-button").hide();
                                            loading.show();
                                            times = 1;
                                            win.lazyLoad('wake');
                                            win.lazyLoad('force');
                                            return false;
                                        });
                                }
                            } else {
                                win.lazyLoad('wake');
                            }
                        } else {
                            win.lazyLoad('stop');
                            $('.lazyloading-load-more').hide();
                        }

                        loading.hide();
                        tmp.remove();
                        $(".catalog-loader-button").show();
                    });
                }
            });
        }
    }
});
</script>