Pagination Shopify集合上的可修改分页

我想知道是否有任何方法可以让分页用户在前端进行修改？我一直在寻找解决方案，但找不到任何类似的解决方案

我知道目前，您可以为分页指定限制，例如：

{% paginate collection.products by 12 %}

我在这里试图实现的是，用户可以通过下拉菜单更改每页可查看的产品数量。例如，用户选择24，页面刷新时页面上的修订分页限制处于活动状态

---

如果您能在这里开始工作，我们将不胜感激。谢谢

您可以创建两个备用模板，分别称为12

collection.12.liquid

和24

collection.24.liquid

，分别分页为12和24。您的所有模板如下所示：

收集。液体：

{% paginate collection.products by 20 %}
{% include ‘collection-template’ %}
{% endpaginate %}

{% paginate collection.products by 12 %}
{% include ‘collection-template’ %}
{% endpaginate %}

{% paginate collection.products by 24 %}
{% include ‘collection-template’ %}
{% endpaginate %}

收集。12.液体：

{% paginate collection.products by 20 %}
{% include ‘collection-template’ %}
{% endpaginate %}

{% paginate collection.products by 12 %}
{% include ‘collection-template’ %}
{% endpaginate %}

{% paginate collection.products by 24 %}
{% include ‘collection-template’ %}
{% endpaginate %}

收集。24.液体：

{% paginate collection.products by 20 %}
{% include ‘collection-template’ %}
{% endpaginate %}

{% paginate collection.products by 12 %}
{% include ‘collection-template’ %}
{% endpaginate %}

{% paginate collection.products by 24 %}
{% include ‘collection-template’ %}
{% endpaginate %}

然后可以使用view参数创建指向其他模板的链接

<a href=”http://myshop.com/collections/shirts?view=12”>12 per page</a>
<a href=”http://myshop.com/collections/shirts?view=24”>24 per page</a>

更多详细信息，请参阅此链接