只允许客户将产品添加到购物车一次？

Question

我需要一些帮助来定制我的 BigCommerce 商店。

将产品添加到购物车后，我希望该产品的 "Add to Cart" 按钮更改为 "Already in Cart"。

此外，我只希望用户能够一次将产品添加到 his/her 购物车中。

这是按钮代码：

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

能否就如何实现这一目标给我一些建议？
我的店铺URL是：https://deepak-diwan-s-store.mybigcommerce.com

Answer 1

在用户单击按钮并在页面加载时将 class 添加到 'ADD TO CART' 按钮 jquery 查找所有 class 并更改其文本。

希望对您有所帮助。

Answer 2

无需写出具体代码，您可以按照以下一般步骤来实现您所寻求的：

加载产品页面后，让 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.
  }
});

只允许客户将产品添加到购物车一次？

Allow customers to add product in to cart only one time?

javascript

bigcommerce