Shopify循环迭代以简化

Question

我试图在shopify中使用循环来为前4个div添加一个类，然后为第二个4 div添加一个类，然后为第3个div组添加一个新类。

而不是像这样输入

      {% cycle '<div class="1">', '<div class="1">', '<div class="1">', '<div class="1">', '<div class="2">', '<div class="2">', '<div class="2">', '<div class="2">', '<div class="3">', '<div class="3">', '<div class="3">', '<div class="3">', %}

有没有办法迭代这个以便我可以减少打字，这些类继续比较20，所以这是很多打字？

Answer 1

你可以尝试使用这样的东西

{% for i in (1..20) %}
  <div class="{% if forloop.index < 5 %} class1{% endif %}{% if forloop.index >=5 and forloop.index < 9 %} class2{% endif %}{% if forloop.index >=9 and forloop.index <13 %}class3{% endif %}">class{{ forloop.index }}</div>
 {% endfor %}