Shopify 的添加到购物车按钮答案

【问题标题】：Add to cart button for ShopifyShopify 的添加到购物车按钮
【发布时间】：2015-06-10 22:45:37
【问题描述】：

您好，我有一个可配置的产品，有 1000 种选择。我知道你可以以这样的形式将数据发送到购物车：

<form action="http://your.shopify.url/cart/add" method="post">
<input type="hidden" name="id" value="VARIANT-ID" />
<input type="hidden" name="return_to" value="back" />
<input type="submit" value="BUY NOW" />
</form>

但不是

<input type="hidden" name="id" value="VARIANT-ID" />

我想添加字段：

<input type="hidden" name=“price” value=“300” />
<input type="hidden" name=“info” value=“Bird fabric with black wood” />
<input type="hidden" name=“image” value=“imageOfProduct.png” />

并将此信息发送到购物车。这可以做到吗？如果没有，有没有办法做到这一点？谢谢！

更新：

可能是我遗漏了什么，或者我的问题不清楚。

我的网页上有这个代码（购买按钮），只是纯 HTML：

<form action="http://your.shopify.url/cart/add" method="post">
  <input type="hidden" name="id" value="VARIANT-ID" />
  <input type="hidden" name="price" value="300" />
  <input type="hidden" name="info" value="Bird fabric with black wood" />
  <input type="hidden" name="image" value="imageOfProduct.png" />
  <input type="hidden" name="return_to" value="back" />
  <input type="submit" value="BUY NOW" />
</form>

你说要让它工作我应该添加到 product.liquid 页面：

  <input type="hidden" name="properties[price]" id="price" value="300" />
  <input type="hidden" name="properties[info]" id="info" value="Bird fabric with black wood" />
  <input type="hidden" name="properties[image]" id=“image” value=“image.png” />

我很确定该值不应该出现在 product.liquid 页面上？

感谢您的帮助！

【问题讨论】：

标签： html forms shopify

【解决方案1】：

打开product.liquid 并在<form action="http://your.shopify.url/cart/add" method="post"> 之后但在提交按钮之前添加

<input type="hidden" name=“properties[price]” id="price" value=“300” />
<input type="hidden" name=“properties[info]” id="info" value=“Bird fabric with black wood” />

【讨论】：

感谢 Claudiu，当您说“检查文件”时，您指的是 Templates 文件夹中的文件，例如 cart.liquid？

【解决方案2】：

这将是您的按钮

<form action="http://yoururl.myshopify.com/cart/add" method="post" target="_parent">
  <input type="hidden" name="id" value="3569079681" />
  <input type="hidden" name="properties[URL]" value="http://" />
  <input type="hidden" name="properties[Image]" value="image.png" />
  <input type="hidden" name="properties[Fabric]" value="3569079681" />
  <input type="image" src="../img/design/cart.png" border="0" name="submit">
</form>

然后在 Shopify 后端找到“cart.liquid”

并在此处粘贴：将此 sn-p 放置在何处取决于您的主题，但它需要进入 cart.items 的循环内，您可能希望将其放在购物车项目的标题下方。

{% for p in item.properties %}
  {% unless p.last == blank %}
    {{ p.first }}:
    {% if p.last contains '/uploads/' %}
    <a class="lightbox" href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
    {% else %}
    {{ p.last }}
    {% endif %}
    <br />
  {% endunless %}
{% endfor %}

【讨论】：