【问题标题】：display name of color variant in ShopifyShopify 中颜色变体的显示名称
【发布时间】：2014-12-21 16:49:14
【问题描述】：
我们在 Shopify 项目中使用色板。我们正在寻找一种解决方案，仅显示所选颜色变体的名称。是否可以使用 Liquid 实现这一点，还是我们需要 JavaScript 解决方案？
看看应该发生的地方：printnil.com
{% for variant in product.variants %}
<span>{{ variant.title }}</span>
{% endfor %}
【问题讨论】：
标签：
javascript
html
css
shopify
liquid
【解决方案1】：
如果您想根据用户的选择更改显示的内容，则需要使用 JavaScript。看看this tutorial in the Shopify docs，它解释了如何创建一个回调，当用户改变他们的选择时调用它（你的主题中可能已经有这个）：
var selectCallback = function(variant, selector) {
<your code goes here>
}
您可以在此回调中访问变体的选项。例如。如果 Color 是第一个选项，请使用 variant.option1 获取当前选择的颜色。