Shopify將產品選項顯示爲3個單獨的下拉框，而不是1個單個下拉框

在我的產品頁面上，使用product.liquid模板中的以下代碼行，它會爲產品的3種不同產品選項生成3個單獨的下拉菜單，例如型號顏色尺寸..Shopify將產品選項顯示爲3個單獨的下拉框，而不是1個單個下拉框

<div class="select"> 
    <select id="product-select" name="id"> 
     {% for variant in product.variants %} 
     <option {% if variant == product.selected_or_first_available_variant %}selected="selected"{% endif %} value="{{ variant.id }}">{{ variant.title }}</option> 
     {% endfor %} 
    </select> 
    </div>

但是，我用同樣的代碼在產品loop.liquid向下集合頁面上展示相同的下降（不添加到購物車選項）..但這個時間下拉菜單顯示爲1個單獨組合下拉菜單。

我如何像以前一樣拆分它們？

繼承人什麼都下拉菜單看起來像一個截圖： enter image description here

來源

2014-10-30 wsgg

您需要包括option_selection.js在collection.liquid模板。粘貼到你的collection.liquid模板的頂部或底部以下行

{{ 'option_selection.js' | shopify_asset_url | script_tag }}

來源

2014-10-30 08:32:03 Sark

嗯那奇怪的，我沒有在我的資產option_selection.js。也許是我的主題。（使用默認啓動板）。 – wsgg 2014-10-31 04:29:35

好吧，我發現它的全球資產。所以我試圖將該行添加到使用的集合模板的底部。不工作。我也嘗試將它添加到theme.liquid的集合模板的開頭，並在關閉之前添加theme.liquid – wsgg 2014-10-31 04:39:16

Shopify將產品選項顯示爲3個單獨的下拉框，而不是1個單個下拉框

回答

相關問題