2016-07-01 79 views
-1

我需要一些幫助來定製我的BigCommerce商店。
允許客戶只將產品添加到購物車一次?

將產品添加到購物車後,我需要該產品的「添加到購物車」按鈕進行更改並說「已在購物車中」。

此外,我只希望用戶能夠將一次產品添加到他/她的購物車中。

這裏是按鈕的代碼:

<div class="ProductActionAdd" style="display:%%GLOBAL_HideActionAdd%%;"> 
     <a href="%%GLOBAL_ProductURL%%"><input id="btnCopy" class="btn icon-%%GLOBAL_ProductAddText%%" title="%%GLOBAL_ProductAddText%%" type="button" value="Add to cart" onclick="return change(this);" /></a> 
    </div> 

能否請您給我如何實現這一目標的一些建議?
我的商店網址:https://deepak-diwan-s-store.mybigcommerce.com

+0

請發佈您嘗試過的以及您遇到問題的位置。 –

回答

0

沒有寫出具體的代碼,你可以按照這些常規步驟來實現你正在尋找什麼:

  1. 在產品頁面加載,有一個JS腳本執行以下操作:
    一個。從當前產品頁面抓取SKU。
    b。對購物車頁面執行Ajax GET請求,並加載購物車內容。
    c。如果購物車內容:contains來自步驟A的產品SKU,則該產品在購物車中。
    d。如果產品在購物車中,則更改按鈕文本並將其禁用。 e。否則,如果產品不在購物車中,則什麼也不做。

作爲您的評論的後續,請在按鈕上添加點擊處理程序,以檢查客戶是否應該無法再將產品添加到購物車。

$('#id_of_button_here').on('click', function(event) { 
    event.preventDefault(); //Stop button from adding product to cart temporarily. 
    // Read the button value to see if it equals 'INCART' 
    if ($(this).val() === 'INCART') { 
    alert('This product has already been added to the cart. You may not add it again'); 
    return false; 
    } else { 
    $(this).click(); //Click the button to proceed with normal operations. 
    } 
}); 
+0

我必須使用這個腳本,它允許改變添加到購物車文本從添加到購物車,但仍然允許客戶再次添加到購物車。 請添加您的代碼,如果您修改它的解決方案 –

+0

@RajKumarBhardwaj更改按鈕文本是純粹的視覺效果,我相信你不希望它也阻止它再次添加到購物車。我已經添加了一些可能有用的代碼,希望它能夠得到重點。 –

+0

只是有點困惑,請檢查它你指導我正確的方式這是我用於按鈕的輸入。請稍微多幫忙@suhdo –

0

添加類的「放入購物車」按鈕,當用戶點擊它,並在頁面加載jQuery的找到所有類,並改變其文本。

希望有所幫助。

+0

感謝您的回覆,您可以解釋jQuery代碼嗎? –

+0

這可能會幫助你:[幫助鏈接](https://jsfiddle.net/rietykity/8z4qLyfh/) –

+0

我檢查了你的個人資料,你很擅長前端開發,知道很多。你不應該在這裏問這些愚蠢的簡單邏輯問題。 –

相關問題