Shopify - 在我的头版加载'馆藏/全部'页面

时间:2015-03-21 07:26:00

标签: javascript shopify

如何加载http://example.myshopify.com/collections/all内容 到我的shopify首页http://example.myshopify.com/

我想出了一种在index.liquid上对<script>window.location.href='collections/all'</script>进行硬编码的方法,但我非常清楚这些&#39;不是一个干净的方式。

我尝试将整个collection.liquid的代码复制到index.liquid,但它提示我Liquid error: Array 'collection.all.products' is not paginateable.错误,没有产品显示index.liquid页面。

知道如何在shopify的首页加载collections/all吗?

我正在使用Timber Framework,因为人们建议您开始制作主题

2 个答案:

答案 0 :(得分:1)

你包括这个:

{% for product in collections.all.products %}
    // here you have access to each product
{% endfor %}

这将循环您的所有产品。

您可以在该循环中查看http://cheat.markdunkley.com/您有权访问的产品变量。

答案 1 :(得分:1)

在Timber框架中,您可以在index.liquid中更改此行:

{% for product in collections.frontpage.products limit:4 %}

到:

{% for product in collections.all.products %}

根据您拥有的产品数量,您可能仍希望limit显示多少产品,或paginate输出。

E.g。

{% paginate collections.all.products by 12 %}
{% for product in collections.all.products %}
...
{% endfor %}
{{ paginate | default_pagination }}
{% endpaginate %}