Javascript 如何在简单购物车中创建“删除项目”按钮?

Javascript 如何在简单购物车中创建“删除项目”按钮?,javascript,paypal,simplecart,Javascript,Paypal,Simplecart,好的,我已经安装了SimpleCart,它与payapl一起工作 我有人实现了简单的购物车,但他们不再可用 我需要一种方法来删除我的购物车的项目 现在,如果输入值“0”,则项目将被删除,但这对我的用户来说可能并不明显 是否可以为每个项目创建一个小小的“删除项目链接” 请浏览: 请添加一个项目,然后在右上角看到购物车 提前谢谢,希望我已经说清楚了!如果您需要更多信息,请告诉我。一个选项是创建一个查看购物车按钮,然后买家可以从购物车中删除项目。您可以使用“查看购物车”按钮的代码,并使用不同的按钮图像

好的,我已经安装了SimpleCart,它与payapl一起工作

我有人实现了简单的购物车,但他们不再可用

我需要一种方法来删除我的购物车的项目

现在,如果输入值“0”,则项目将被删除,但这对我的用户来说可能并不明显

是否可以为每个项目创建一个小小的“删除项目链接”

请浏览:

请添加一个项目,然后在右上角看到购物车


提前谢谢,希望我已经说清楚了!如果您需要更多信息,请告诉我。

一个选项是创建一个查看购物车按钮,然后买家可以从购物车中删除项目。您可以使用“查看购物车”按钮的代码,并使用不同的按钮图像,以便他们可以单击按钮查看购物车或删除项目。一旦他们点击按钮,它将向买家显示购物车中的所有物品,买家可以根据需要将其从购物车中移除。

不确定您是否仍处于此状态,但simplecartjs中内置了一个非常简单的解决方案

清空整个购物车:

删除单个项目:

还注意到,在用户选择“添加到购物车”后,屏幕上没有任何提示让用户知道物品已添加到购物车。在我意识到它正在添加之前,我单击了大约3次

为此,您可以使用另一种简单的方法,即simplecartjs中的afteradd:

    simpleCart.bind( "afterAdd" , function(){
    $('.add-cart-msg').hide()
                      .addClass('success')
                      .html('Added to cart successfully!')
                      .fadeIn(300)
                      .delay(3000)
                      .fadeOut(1300);

    });
然后,您只需要在“添加到购物车”按钮旁边添加class=add cart msg。它会淡入,在那里坐大约3秒钟,然后淡出

我希望这对你有帮助


这里有一些非常方便的参考资料:

是的,我有一些类似的东西,我只是不知道如何创建实际的“从购物车中删除”按钮。有什么想法吗?贝宝没有生成任何代码来实现这一点。使用cookies将项目添加到购物车。您可能想要创建自己的购物车,这样您就可以控制它。然后,当买家准备结帐时,您可以使用cart upload命令将详细信息传递给贝宝。