循环浏览集合中的所有产品SHOPIFY

时间:2015-04-27 22:07:46

标签: javascript html shopify liquid

遇到调整以前产品的问题'和'下一个产品' Shopify中的功能。

我想将其设置为以前的'和' next'循环所有产品,旋转木马风格。

一旦你进入了最后一个产品,那么下一个'会带你回到第一个。目前,一旦你到达终点,你只能转到以前的产品,然后往后退到列表中。

有什么想法吗?

这是我的基本代码:

  {% if collection.previous_product %}

     {{ '«' | link_to: collection.previous_product }}

  {% endif %}

  {% if collection.next_product %}

    {% if collection.previous_product %} | {% endif %}

    {{ '»' | link_to: collection.next_product }}

  {% endif %}

2 个答案:

答案 0 :(得分:2)

尝试这样的事情:

tomcat-websocket.jar

如果您的收藏中有超过50种产品,请注意collection.products is paginated

See here了解{% if collection.previous_product %} {{ '«' | link_to: collection.previous_product }} {% else %} {% assign last_product_url = collection.products.last.url | within:collection %} {{ '«' | link_to: last_product_url }} {% endif %} {% if collection.next_product %} {{ '»' | link_to: collection.next_product }} {% else %} {% assign first_product_url = collection.products.first.url | within:collection %} {{ '»' | link_to: first_product_url }} {% endif %} 过滤器的信息。

答案 1 :(得分:0)

我对Shopify并不是很熟悉,但我看了一下他们的文档,看到馆藏对象包括collection.productscollection.products。如果{% if collection.previous_product %} {{ '«' | link_to: collection.previous_product }} {% else %} {{ '«' | link_to: collection.products[collection.products_count - 1].url }} {% endif %} {% if collection.next_product %} {{ '»' | link_to: collection.next_product }} {% else %} {{ '»' | link_to: collection.products[0].url }} {% endif %} 包含产品数组,并且他们的方法绑定到它们,您可以执行以下操作:

{{1}}

我似乎无法找到要测试的shopify沙箱,但假设collection.products返回一个数组,这应该可行。