将 forloop 与 Shopify 液体一起使用

Question

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

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

这对我有用...