Shopify 中的自定义“立即购买”按钮

Question

如何在没有支付网关的情况下在 Shopify 中创建自定义立即购买按钮。它应该被重定向到结账页面。

        {{ form | payment_button }}

上面一个是动态按钮。但不想重定向到支付网关。它应该重定向到结帐。

我尝试了下面的代码。这不好。它还显示一个用于添加到购物车和重定向的弹出窗口。

        {{ form | payment_button }}

 function instantBuy(){
     var $ = jQuery;
   $(".engo-popup").hide();

   var formParams = $('form.cart').serialize();
     $.ajax({
      url: "/cart/add",
      type: "post",
      data: formParams,
      success: function(){
       window.location.href = "/checkout";
      },
      error: function(){
      }
     })
    }

Answer 1

它在表格里面。这就是为什么它显示一个弹出窗口

  
 function instantBuy(){
     var $ = jQuery;

   var formParams = $('form.cart').serialize();
     $.ajax({
      url: "/cart/add",
      type: "post",
      data: formParams,
      success: function(){ 
       window.location.href = "/checkout";
      },
      error: function(){
      }
     })
 }

 {% endform %}
<form action="/cart/add" method="post" class="variants" id="product-actions-{{ product.id }}" enctype="multipart/form-data">
<input type="hidden" name="variantId" value="{{ product.variants[0].id }}" />
<button class="button buynow-btn" title="Buy" onClick="instantBuy()"><span>Buy now</span></button>
</form>