Shopify系列可修改的分页

Question

我想知道是否有任何方法可以让分页用户在前端修改？我一直在寻找解决方案，但无法找到解决此特定问题的类似内容。

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

{% paginate collection.products by 12 %}

我在此尝试实现的是用户能够从下拉菜单中更改每页可查看产品的数量。例如，用户选择24，页面刷新，页面上激活修订的分页限制。

任何帮助入门在这里将不胜感激。谢谢！

Answer 1

您可以创建2个名为12 collection.12.liquid和24 collection.24.liquid的备用模板，分别按12和24分页。您的所有模板都将在下面：

<强> collection.liquid：

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

<强> collection.12.liquid：

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

<强> collection.24.liquid：

{% 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>

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