Bigcommerce加入購物車彈出式菜單

Question

以前使用bigcommerce時，我們可以選擇是否彈出窗口或在用戶點擊「添加到購物車」按鈕時將用戶帶到購物車。有誰知道這個功能是否已被BigCommerce取走，或者我現在可以在哪裏找到該設置？謝謝！

Answer 1

嗨你需要這樣做：

登錄到管理端，然後去商店設置

2.從頂部的標籤選擇顯示選項卡

3。找到'添加到購物車'操作選擇你想要的彈出窗口或重定向到購物車頁面。

4.點擊保存按鈕。

檢查圖像：

感謝

Answer 2

你知道，如果你正在使用的模板或藍圖框架？

如果您使用的是藍圖，您可以轉到「存儲設置>存儲設置>顯示」，然後選擇「將它們帶到購物車」。

如果您使用模具，該功能是隱藏的，您必須進行定製才能使其工作。如果您的產品沒有任何選項，您可以按照此頁上的說明操作：https://support.bigcommerce.com/articles/Public/How-can-I-add-a-product-to-the-cart-with-a-link/#add-to-cart。

但是，如果你有選擇，這將無法正常工作，因爲它沒有更新url中的sku。我所做的工作是編輯product-details.js

首先，您需要下載主題才能編輯js文件。然後，開始在line 234，你會看到下面的代碼：

// Open preview modal and update content 
if (this.previewModal) { 
    this.previewModal.open(); 
    this.updateCartContent(this.previewModal, response.data.cart_item.hash); 
} else { 
    this.$overlay.show(); 
    // if no modal, redirect to the cart page 
    this.redirectTo(response.data.cart_item.cart_url || this.context.urls.cart); 
} 

直接在註釋中，添加/ *然後再往一行else語句（}）的右大括號下，並添加* /關閉長期評論。代碼現在看起來像這樣：

// Open preview modal and update content 
/* 
if (this.previewModal) { 
    this.previewModal.open(); 
    this.updateCartContent(this.previewModal, response.data.cart_item.hash); 
} else { 
    this.$overlay.show(); 
    // if no modal, redirect to the cart page 
    this.redirectTo(response.data.cart_item.cart_url || this.context.urls.cart); 
} 
*/ 
this.redirectTo(response.data.cart_item.cart_url || this.context.urls.cart); 

讓我知道這是否有幫助！