Custom Shopify添加到购物车按钮

时间:2014-05-15 22:50:43

标签: jquery if-statement e-commerce shopping-cart shopify

我的Shopify商店中有自定义尺寸的图表,当有人点击他们想要的尺寸,然后点击添加到购物车按钮我希望将该尺寸添加到购物车。但是,现在我不确定如何才能做到这一点。有什么想法吗?

HTML

<div class="sizes">
  {{ 'size-triangle.png' | asset_url | img_tag }} 
  {% for variant in product.variants %}
    <a href="#" class="size-btn {{ variant.title }}-product {% if variant.inventory_quantity == 0 %}outofstock{% endif %} {% if variant.title contains 'OS'%}hide{% endif %}" data-quantity="{{ variant.available }}" data-id="{{ variant.id }}" data-size="{{ variant.title }}">{{ variant.title }}</a>
  {% endfor %}
</div>

<div id="product-add">
   <input class="button" type="submit" name="add" value="Add to cart" id="purchase">
</div>  

1 个答案:

答案 0 :(得分:0)

听起来像Line Item Properties就是你想要的:

  

订单项属性用于收集有关商品添加到购物车时的自定义信息。
  ...
  Shopify会查找名称属性设置为properties[ANYTHING]的表单字段。

E.g。

<input type="text" id="monogram" name="properties[Monogram]" />