Shopify的购物车按钮

Question

嗨，我有一个可配置的产品，可以有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页面上？

谢谢你的帮助！

Answer 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” />

Answer 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”

并将其粘贴到此处：根据您的主题，放置此代码片段的位置取决于您的主题，但是它需要进入cart.items的循环内，您可能希望将其放置在cart项目标题下。

{% 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 %}

有关更多信息： https : //docs.shopify.com/support/your-store/products/how-do-I-collect-additional-information-on-the-product-page-Like-for-a-monogram-雕刻或定制