【问题标题】:Liquid Iterating a variable within a statementLiquid 在语句中迭代变量
【发布时间】:2016-10-22 03:19:55
【问题描述】:

我知道如何处理对象,但我的具体情况有一些细微差别。 我正在尝试在对象中迭代 var i。请参阅下面的内容,我尝试了对语法的各种更改,但似乎无法使其正常工作。是否可以?如果有人知道一些支持文档,我也很想看到,但似乎在任何地方都找不到。

<div class="grid--square">
  {% for i in (1..12) %}

  <div role="button" class="grid__item one-quarter" style="background:{% if settings.grid_[i]_image %}url({{ 'grid_[i].png' | asset_url }}){% else %}{{ settings.grid_[i]_color }}{% endif %};">
    {% if settings.grid_[i]_link != blank %}
      <a href="{{ settings.grid_[i]_link }}"></a>
    {% endif %}
    {%if settings.grid_[i]_text != blank %}
      {% unless settings.grid_[i]_image %}
        <div class="text">
          <h2>{{ settings.grid_[i]_text }}</h2>
        </div>
      {% endunless %}
    {% endif %}
  </div>
  {% endfor %}
</div>

【问题讨论】:

    标签: for-loop liquid


    【解决方案1】:

    我通过捕获每个变量实现了一个解决方案,因此我可以更改整个对象。

    <div class="grid--square">
          {% for i in (1..12) %}
            {% capture enable_image %}grid_{{ i }}_image{% endcapture %}
            {% capture image %}grid_{{ i }}.png{% endcapture %}
            {% capture color %}grid_{{ i }}_color{% endcapture %}
            {% capture text %}grid_{{ i }}_text{% endcapture %}
            {% capture link %}grid_{{ i }}_link{% endcapture %}
            <div role="button" class="grid__item one-quarter" style="background:{% if settings[enable_image] %}url({{ image | asset_url }}){% else %}{{ settings[color] }}{% endif %};">
              {% if settings[link] != blank %}
                <a href="{{ settings[link] }}"></a>
              {% endif %}
              {%if settings[text] != blank %}
                {% unless settings[image] %}
                  <div class="text">
                    <h2>{{ settings[text] }}</h2>
                  </div>
                {% endunless %}
              {% endif %}
            </div>
          {% endfor %}
        </div>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-05-16
      • 1970-01-01
      • 1970-01-01
      • 2022-11-27
      • 2019-03-20
      • 2015-10-05
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多