使用Shopify液体的forloop

Question

我正在尝试完成以下操作，但我似乎无法使用Shopify的流动语言使img src正确填充迭代编号。

  {% for i in (1..11) %}
    <div class="item">
      <img src="{{ 'item-{{i}}.jpg' | asset_url }}" alt="Item {{i}}" />
    </div>
  {% endfor %}

Answer 1

尝试使用此功能，您的Liquid会尝试在另一个渲染{{}}中分配渲染{{i}}，这不正确，因为它们没有嵌套：

{% for i in (1..11) %}
    <div class="item">
      {% capture src %}item-{{i}}.jpg{% endcapture %}
      <img src="{{ src | asset_url }}" alt="Item {{i}}" />
    </div>
{% endfor %}

这对我有用......