折扣输入在 Shopify 购物车页面上不起作用

时间:2020-12-22 11:49:31

标签: shopify liquid

我需要在我的购物车页面上输入优惠券代码,但它似乎无法以普通形式使用:

<input class="discount-code-field" autocomplete="off" type="text" name="discount" placeholder="Enter coupon code here" />

我在提交按钮之前,在表单内。

实时优惠券不适用于结帐页面上的订单。

我还需要做什么才能让它工作吗?

编辑: 表格是这样的——

<form action="/cart" method="post" class="cart">

  ............

  <div class="bottom-box">
     <input class="discount-code-field" autocomplete="off" type="text" name="discount" placeholder="Enter coupon code here" />
     <input type="submit" value="Proceed to checkout" name="checkout" class="cart-submit w-button"/>
  </div>
</form>

它会重定向到这样的 URL: https://store.com/4934605xxxx/checkouts/04d6478feeb9d3262fbea5571b682ebc?_ga=2.260083023.358228188.1608464294-110675315.1604953057

1 个答案:

答案 0 :(得分:0)

只要您的购物车没有使用 AJAX 来更新和重定向,这应该可以工作。

结帐页面接受 ?discount= 的 get 参数,添加带有 name="discount" 的字段会将该参数添加到结帐中。

在您直接提交标准表单时有效。 (如果您更新购物车,字段折扣文本将不存在,您需要再次重新输入)如果您必须更新表单,您将需要以某种方式保留折扣代码,通过使用 ajax 或将其存储为 cookie。

所以您的代码应该可以正常工作,我在我的开发商店中仔细检查了它,没有问题,因为存在 get 参数,所以它对结帐页面应用了折扣。

PS:这不会给购物车对象添加折扣,它只允许结账重定向包含一个 get 参数,没有别的。所以这相当于用<a href="/checkout?discount=YOUR_CODE">Checkout</a>

建立链接