Shopify循环迭代，以简化

Question

我想在Shopify中使用循环向前4个divs添加一个类，然后向第二个4 divs添加一个新类，然后向第三个divs组添加一个新类。

而是这样

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