Pagination 在主页上的特色产品上添加分页（X-Cart）

我正在使用x-cart网站，我有一个问题，关于如何在主页上为特色产品添加分页？我希望它的过程是这样的，如果用户点击下一步按钮，它将显示其他特色产品（在这种情况下，它仍然停留在主页上）。可能吗

---

我正在等待您的答复。

这取决于您的模板，但假设您的特色产品是这样显示的：

<div id="products">
    <div class="product-item product-item-odd">...</div>
    <div class="product-item product-item-even">...</div>
    <div class="product-item product-item-odd">...</div>
    <div class="product-item product-item-even">...</div>
    ...
</div>

...
...
...
...
...

然后可以使用jQuery（在x-Cart中可能很旧）对以下内容进行分页：

function paginate(container, max) {
    var items = container.children();
    var totalItems = items.length;
    var totalPages = Math.ceil(totalItems / max);
    var pager = $('<p class="my_pager"></p>');
    for (p = 1; p <= totalPages; p++) {
        pager.append('<span class="open_page">' + p + '</span>');
        items.slice((p - 1) * max, p * max).attr('data-page', p);
    };
    container.after(pager);
    $('.open_page').click(function (e) {
        $('.open_page').removeClass('active');
        $(this).addClass('active');
        var pageToOpen = $(this).text();
        items.hide();
        items.filter('[data-page=' + pageToOpen + ']').show();
    });
    $('.open_page:first').click();
};
paginate($('#products'), 2);

函数分页（容器，最大）{
var items=container.children（）；
var totalItems=items.length；
var totalPages=Math.ceil（totalItems/max）；
var pager=$（'p class=“my_pager”>
）；
对于（p=1；p