Question

我想知道如何在类别页面上的大商业模板框架上实现无休止的滚动，因为某些原因它没有在类别页面的底部显示分页。

如果可以使用javascript那么请建议我如何使用大型商务模板框架实现此功能

这是我的网站 http://silverforte.com/categories

  <main class="page-content" id="product-listing-container">
    {{#if category.products}}
        {{> components/category/product-listing}}
    {{else}}
        <p>{{lang 'categories.no_products'}}</p>
    {{/if}}
</main>

由于

Answer 1

你绝对可以进一步优化这一点，但这涵盖了基本的想法。

对BigCommerce的不可知，一个懒惰的加载AJAX请求看起来像这样：

$.ajax({
    url: "your url here",
    type: "Post",
    success: function(response){
        // handle your success callback here
        $("img.lazy").lazyload({ 
              effect : "fadeIn"
        });
    }
});

这并不完美，因为您需要加载后续页面并通过类别本身进行分页。我根据window.location.pathname或window.location.href设置变量，并修改该字符串以增加页码，并将其用作ajax请求URL。

或者，您可以让JS找到下一个选择器并使用它来构建URL请求。

查看http://infiniteajaxscroll.com/以获得更好的插件用于BC。

实现无限/无限滚动Bigcommerce Stencil类别列表

1 个答案: