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

时间:2013-04-17 19:01:56

标签: javascript paypal simplecart

好的,我安装了简单的购物车(简单的javascript购物车,与payapl配合使用)

我有人实施简单的购物车,但它们已不再可用。

我需要一种从购物车中删除商品的方法。

现在,如果我输入的值为'0',则会删除这些项目,但这对我的用户来说可能并不明显。

是否可以为每个项目制作一个“删除项目链接?”

请访问:

http://www.bodesi.com/product/tiling/small-subway-mosaic/15x48x6/Hand-Painted/SMTI026/SMTI026.html#ad-image-0

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

提前谢谢,希望我已经清楚了!如果您需要更多信息,请与我们联系。

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

不确定你是否还在这,但是在simplecartjs中有一个非常简单的解决方案。

清空整个购物车:<a href="javascript:;" class="simpleCart_empty"></a>

删除单个项目:<a class="simpleCart_remove" href="javascript:;">Whatever Text You want</a>

还注意到,您没有任何屏幕警报,让用户知道在他们选择ADD TO CART之后已经将东西添加到购物车中(在我意识到添加它之前我点击了大约3次)。 :)

为此,您使用另一种简单的方法,名为afteradd from simplecartjs:

    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秒钟,然后淡出。

我希望你觉得这很有帮助。

以下是一些非常方便的参考资料:Simplecartjs Documentation