在 Shopify Collections 中添加添加到購物車按鈕

Question

此帖子已隱藏。 它在 1 小時前被 Cody Gray♦ 刪除。 關閉。 此問題不符合 Stack Overflow 准則。 它目前不接受答案。 這個問題似乎與幫助中心定義的 scope 中的編程無關。

1 小時前關閉。

（私信給你）

我對 ENVY 模板有疑問。 此模板不支持在位於家中的 collections 中添加購物車按鈕。 在此之前，我決定在顯示這些產品的區域添加我自己的代碼，但是當按下按鈕添加到購物車時，它會將我發送到錯誤頁面，並顯示消息“參數丟失或無效：所需參數丟失或無效：項目”我的代碼如下：

 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(){
      }
     })
 }

表格代碼

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

Answer 1

當您向 /cart/add 發送請求時，必須發送“id”arguments。 目前您發送的是“variantId”而不是“id”。

同樣在您的 JavaScript 中，沒有 preventDefault 來保護瀏覽器發送請求。

另一方面，這可以在沒有 JavaScript 的情況下完成。

這是更新的代碼：

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

還添加了一個“return_to”隱藏字段，當用戶點擊按鈕時，它將直接重定向到結帳