javascript - 循环浏览系列中的所有产品 |商城

Question

在调整 Shopify 中的“上一个产品”和“下一个产品”功能时遇到问题。

我想将其设置为“上一个”和“下一个”循环遍历所有产品，轮播样式。

到达最后一个产品后，“下一个”将带您返回第一个产品。目前，一旦到达末尾，您只能转到上一个产品并向后浏览列表。

有什么想法吗？

这是我的基本代码:

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

Answer 1

尝试这样的事情:

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

如果您的收藏中有超过 50 件产品，您应该注意 collection.products is paginated .

See here有关within过滤器的信息。