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

Question

我正在开发shopify应用程序，我正在构建一个过滤系统，根据收集页面中变体的可用性来过滤产品，即颜色，大小等。

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

span tag：

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

但不是返回“红色”，“黑色”，“蓝色”等有用的东西，而是返回：

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

有谁知道这里发生了什么？

Answer 1

使用{{variant.title}}获取选项标题，例如红色，绿色等 和{{变体| json}}以打印完整的转储

Answer 2

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