有没有办法可以在Woocommerce上添加动画添加到购物车按钮，以便产品的图像飞到购物篮。
PN：我在WooCommerce购物车中使用自己的主题。
答案 0 :(得分：0)
您的主题是否使用AJAX将产品添加到购物车？一个解决方案是在“添加到购物车”中添加一个点击监听器。用jQuery按钮。然后在您的点击监听器中，您可以为产品图像设置动画。
this post中解释了另一种解决方案。在那里，正在覆盖默认的jQuery addClass（）函数，并在调用addClass函数时触发事件。 接下来您可以使用jQuery bind()功能收听此活动，检查目标是否为“添加到购物车”。按钮，然后动画。
第三种解决方案是将WooCommerce 'add to cart' file出列并创建自己的版本。这样做的好处是，您可以添加仅在产品成功添加到购物车时触发的触发器。缺点是每次升级WooCommerce时都必须检查此文件。
编辑： 我看到WooCommerce＆＃39;添加到购物车＆＃39;文件已经有一个你可以使用的触发器：
// Trigger event so themes can refresh other areas
$( 'body' ).trigger( 'added_to_cart', [ fragments, cart_hash ] );