Question

我正在尝试使用Shopify的Liquid语法创建forloop，该语法将计算来自特定产品的图像的返回结果，并在每个实例中迭代唯一的div类，以便我可以将这些类用作锚点scrollto动画。

目前，我正在尝试这样的事情：

 <ul class="scroll-to-nav>
 {% for image in product.images %}
   <li class="scroll-to-nav-link><a href="#link">link</a></li>
 {% endfor %}
 </ul>

期望的结果将是：

<ul class="scroll-to-nav>
 <li class="scroll-to-nav-link-1><a href="#link-1">link 1</a></li>
 <li class="scroll-to-nav-link-2><a href="#link-2">link 2</a></li>
 <li class="scroll-to-nav-link-3><a href="#link-3">link 3</a></li>
 <li class="scroll-to-nav-link-4><a href="#link-4">link 4</a></li>
 <li class="scroll-to-nav-link-5><a href="#link-5">link 5</a></li>
 etc etc etc
</ul>


<img src="path-to-img.jpg" id="link-1">
<img src="path-to-img.jpg" id="link-2">
<img src="path-to-img.jpg" id="link-3">
<img src="path-to-img.jpg" id="link-4">
<img src="path-to-img.jpg" id="link-5">
etc etc etc

Answer 1

作为评论中指定的Drip，信息可在文档中找到。这是实现您想要做的事情的方法：

{% for image in product.images %}
  <a href="#" id="link{{ forloop.index }}">Link {{ forloop.index }}</a>
{% endfor %}

如果你需要获得循环的长度，你可以使用对象{％forloop.length％}。

Forloop结果并迭代类名

1 个答案: