如何在简单的购物车中创建一个“移除物品”按钮？

Question

好了，我已经安装了简单的购物车(简单的javascript购物车，与payapl协同工作)

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

我需要一种从购物车中取出物品的方法。

现在，如果我输入值'0‘，那么这些项就会被删除，但这对我的用户来说可能并不明显。

有没有可能让每个项目都有一个小小的“删除项目”链接？

请访问：

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

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

提前感谢，希望我已经说清楚了！如果你需要更多信息，请告诉我。

Answer 1

一种选择是创建一个查看购物车按钮，然后购买者可以从购物车中删除项目。您可以使用view cart按钮的代码，并使用不同的按钮图像，这样他们就可以很清楚地单击该按钮来查看购物车或移除物品。一旦他们点击按钮，它就会向买家显示购物车中的所有商品，并可以根据需要从那里移除它们。

Answer 2

不知道你是否还在这样做，但是有一个非常简单的解决方案内置在simplecartjs中。

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

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

我还注意到，在用户选择ADD to cart (我点击了大约3次，然后才意识到它正在添加)之后，您没有任何屏幕提示，让用户知道已将物品添加到购物车中。:)

为此，您可以使用另一种简单的方法，称为从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