Question

提前感谢您花时间阅读本文。

我目前正通过合作伙伴帐户开发“测试店”。商店里的所有东西都按预期接受我的product.liquid文件。产品的所有变体ID都以字面值输出，而不是数字。我正在使用带有jQuery解决方案的option_selection.js文件来为产品构建多个下拉列表。

当然，由于没有ID传递给购物车操作，因此我收到“我们无法将此商品添加到您的购物车中，因为没有将变体ID传递给我们。”因此，对解决方案的任何想法或导致这种情况的原因都将非常受欢迎。

以下是变量循环的示例：

<form id="add-to-cart" action="/cart/add" method="post" >
   <select id="variant-select">
      <option>Product Options</option>
         {% for variant in product.variants %}
          <option value="{{ variant.id }}">{{variant.title }} for {{ variant.price | money}}</option>
           {% endfor %}
    </select>
    <input type="image" name="add" value="Purchase" id="purchase" src="{{ 'purchase.png' | asset_url}}" />
    <span id="product-price">{{ product.price | money }}</span>
</form>

这是XHTML输出。注意：这只是其中一个下拉的结果，还有两个具有相似的输出。

<div class="selector-wrapper">
   <label for="variant-select-option-0">Size</label>
   <select class="single-option-selector" id="variant-select-option-0">
     <option value="Small">Small</option>
     <option value="Medium">Medium</option>
     <option value="Large">Large</option>
     <option value="X-Large">X-Large</option>
   </select>
</div>

要为问题添加更多上下文，下面是使用jQuery解决方案创建多个下拉列表之前的下拉输出示例。这仍然使用上面相同的变量循环，仍然会产生相同的错误。变体id似乎比正常情况更长......

<select id="variant-select">
   <option>Product Options</option>
   <option value="105062422">Small / Black / Men's for $19.00</option>
   <option value="105062492">Medium / Black / Men's for $19.00</option>
   <option value="105062522">Large / Black / Men's for $19.00</option>
   <option value="105062552">X-Large / Black / Men's for $19.00</option>
   <option value="105062602">Small / Blue / Men's for $19.00</option>
   <option value="105062632">Medium / Blue / Men's for $19.00</option>
   <option value="105062702">Large / Blue / Men's for $19.00</option>
   <option value="105062732">X-Large / Blue / Men's for $19.00</option>
   <option value="105062802">Small / Black / Women's for $19.00</option>
</select>

以下是开发链接和密码。

http://terry-inc6406.myshopify.com/products/featured-product-1

通过：yhc

再次感谢！抱歉这么长的第一篇文章

Answer 1

感谢Shopify的Caroline。她指出了我的格式错误的标记，在select元素中添加了name =“id”。

Shopify：产品变体id输出为文字字符串，而不是数字

1 个答案: