Shopify Collection 上的可修改分页答案

【问题标题】：Modifiable pagination on Shopify CollectionShopify Collection 上的可修改分页
【发布时间】：2018-03-20 04:51:02
【问题描述】：

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

我知道目前你可以给分页指定一个限制，例如：

{% paginate collection.products by 12 %}

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

非常感谢您在此处入门的任何帮助。谢谢！

【问题讨论】：

【解决方案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

【讨论】：