Shopify循环迭代简化

Question

我正在尝试使用 shopify 中的循环将 class 添加到前 4 个 div，然后将新的 class 添加到第二个 4 div，然后添加新的 class到第三组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">', %}

有没有办法迭代它以便我可以减少输入，classes 继续像 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 %}

Shopify循环迭代简化

Shopify cycle iteration to simplify

logic

loops

liquid

shopify