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

【问题标题】：How to creat a 'remove item' button in simple cart?如何在简单的购物车中创建“删除项目”按钮？
【发布时间】：2013-04-17 19:01:55
【问题描述】：

好的，我已经安装了简单的购物车（与 payapl 结合使用的简单 javascript 购物车）

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

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

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

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

请访问：

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

请添加一个项目，然后在右上角查看购物车。

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

【问题讨论】：

标签： javascript paypal simplecart

【解决方案1】：

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

【讨论】：

是的，我有类似的东西，我只是不知道如何创建实际的从购物车中删除按钮。有什么想法吗？
PayPal 没有生成任何代码来执行此操作。使用 cookie 将商品添加到购物车。您可能想创建自己的购物车，这样您就可以控制它。然后，当买家准备结账时，您只需使用购物车上传命令将详细信息传递给 PayPal。

【解决方案2】：

不确定你是否还在做这个，但是 simplecartjs 内置了一个非常简单的解决方案。

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

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

还注意到，在用户选择“添加到购物车”后，您没有任何屏幕警报让用户知道商品已添加到购物车中（我点击了大约 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 秒钟，然后淡出。

我希望这对您有所帮助。

这里有一些非常方便的参考资料：Simplecartjs Documentation

【讨论】：