Question

我正在尝试在bigcartel上建立一个电子商务网站。产品页面没有数量字段，我想添加一个。后端访问权限有限，但我可以修改html并添加javascript。

没有太多麻烦，有没有办法添加链接到购物车按钮的数量字段？

以下是购物车按钮区域的代码：

 <div id="variations">
  {% if product.available? %}
    <p>
      <select id="cart_variation_id">
        <option>Select Option...</option>
        {% for variation in product.variations %}
          {% if variation.available? %}
            <option value="{{ variation.id }}">{{ variation.name }} - {{ variation.price | money }}</option>
          {% else %}
            <option disabled="disabled">{{ variation.name }} - {{ variation.price | money }} (Out of Stock)</option>
          {% endif %}
        {% endfor %}
      </select>

      <button class="btn" onclick="javascript:Store.cart.add(document.getElementById('cart_variation_id').options[document.getElementById('cart_variation_id').selectedIndex].value);return false;">Add to Cart</button>

Answer 1

您可以添加自己的按钮，该按钮链接到名为数量的html <input>字段，并使用javascript调用Store.cart.add...次数。您将不得不添加额外的JS以仅允许输入数字。

目前看来它正在添加到onclick="javascript:Store.cart.add(document.getElementById('cart_variation_id').options[document.getElementById('cart_variation_id').selectedIndex].value)

的购物车中

因此，如果你想添加一个数量特征，'ghetto'修复将有一个for循环调用此方法数量的次数，假设它更新你的购物车数量。

如何为添加到购物车按钮添加输入字段？

1 个答案: