Shopify中顏色變體的顯示名稱

Question

我們在Shopify項目中使用色板。 我們正在尋找一種解決方案，僅顯示所選顏色變體的名稱。 是否可以用液體實現此目的，還是需要JavaScript解決方案？

看看應該在哪里進行： printnil.com

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

Answer 1

如果要根據用戶的選擇更改顯示的內容，則需要使用JavaScript。 查看Shopify文檔中的本教程 ， 該教程說明了如何創建一個回調，該回調在用戶更改選擇時將被調用（您的主題中可能已經有此名稱）：

var selectCallback = function(variant, selector) {
  <your code goes here>
}

您可以在此回調中訪問變體的選項。 例如，如果“顏色”是第一個選項，則使用variant.option1獲取當前選擇的顏色。