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个单个下拉框

回答

相关问题