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后端找到＆＃34; cart.liquid＆＃34;

并在此处粘贴：您放置此代码段取决于您的主题，但它需要进入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 %}

了解更多信息：https://docs.shopify.com/support/your-store/products/how-do-I-collect-additional-information-on-the-product-page-Like-for-a-monogram-engraving-or-customization

添加到购物车按钮Shopify

2 个答案: