Html Shopify的“添加到购物车”按钮

Html Shopify的“添加到购物车”按钮,html,forms,shopify,Html,Forms,Shopify,嗨,我有一个可配置的产品,可以在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="

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


谢谢你的帮助

打开
product.liquid
之后但在提交按钮之前 加


这将是您的按钮

<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 %}
{item.properties%}
{%除非p.last==blank%}
{{p.first}}:
{%如果p.last包含'/uploads/'%}
{%else%}
{{p.last}}
{%endif%}

{%end除非%} {%endfor%}
更多信息:

谢谢Claudiu,当你说“检查文件”时,你是说模板文件夹中的文件,例如cart.liquid?
{% 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 %}