shopify - 访问集合模板中的变体选项

Question

我正在开发一个 shopify 应用程序，并且我正在构建一个过滤系统，以通过收集页面中的变体（即颜色、尺寸等）的可用性来过滤产品。

我将变体放入集合页面上的隐藏跨度标记中，但它始终返回信息哈希，而不是变体名称。

跨度标签：

<span>
    {% for variant in product.variants %}
       {{ variant }}
    {% endfor %}
</span>

但是，它不会返回诸如“红色”、“黑色”、“蓝色”之类的有用信息，而是返回以下内容：

<span>
  "#"
  <productvariantdrop:0x00000003dee880></productvariantdrop:0x00000003dee880>
</span>

有人知道这里发生了什么吗？

Answer 1

简单的。{{variant}} 是一个对象。显然是productvariantdrop类型。如果您想要变体选项，则必须深入挖掘并通过选项上的迭代器公开它们。有关变体的信息，请参阅文档以告诉您更多信息。示例http://docs.shopify.com/api/product_variant和 variant.options。

Answer 2

使用 {{ variant.title }} 获得红色、绿色等选项标题和 {{ variant | json }} 打印一个完整的转储