从两个独立的 for 循环追加数据

Question

第一次post来这里，如果这里不是post这个问题的地方，我们深表歉意。

也许我今天用电脑时间太长了，但我在开发主题时遇到了问题，因为我正在尝试找出合适的控制流程。我正在努力获取产品尺寸选项和可在前端显示的相应数量，我希望它显示如下：

尺寸（数量）尺寸（数量）尺寸（数量）等...

目前这是我在呈现此数据的页面的模板文件中的内容

    <div class="flex flex-row gap-1">
          <p>Size (qty)</p>
        {% for value in product.options_by_name['Size'].values %}
          <p>{{ value }}</p>
        {% endfor %}

        {% for variant in product.variants %}
          <p>({{ variant.inventory_quantity }})</p>
        {% endfor %}
      </div>

这会产生这样的输出：

尺码（数量）S M L XL (0) (0) (0) (0)

但理想情况下是：

尺码（数量）S (0) M (0) L (0) XL (0)

也许这是错误的方法，但我觉得我应该将变体库存数量的逻辑嵌套在产品选项值循环中。但是，当我尝试这个时，父 for 循环的结果只是在前端的大小选项旁边附加了一堆重复数据。

我确信这个问题的答案可能非常明显，但出于某种原因我只是没有看到它。任何帮助或建议将不胜感激。

Answer 1

尝试这样的操作，如果不正确，应该非常接近。

{% for i in (1..product.options_by_name['Size'].values.size) %}
  <p>
    {{ product.options_by_name['Size'].values[i] }}
    {{ product.variants[i].inventory_quantity }}
  </p>
{% endfor %}

这里是尺寸参考https://shopify.github.io/liquid/filters/size/ and for loop https://shopify.github.io/liquid/tags/iteration/

从两个独立的 for 循环追加数据

append data from two separate for loops

liquid

shopify