【发布时间】：2015-03-11 15:57:51
【问题描述】：
有没有一种方法可以将动画添加到 Woocommerce 上的“添加到购物车”按钮，以便产品的图像飞到购物篮。
PN：我在 WooCommerce 购物车中使用自己的主题。
【问题讨论】：
标签： woocommerce wordpress-theming woothemes
【发布时间】：2015-03-11 15:57:51
【问题描述】：
您的主题是否使用 AJAX 将产品添加到购物车？一个解决方案是使用 jQuery 将点击监听器添加到“添加到购物车”按钮。然后在您的点击监听器中，您可以为产品图片制作动画。
this post 中解释了另一种解决方案。那里默认的 jQuery addClass() 函数被覆盖，并且在调用 addClass 函数时触发了一个事件。 接下来您可以使用jQuery bind() 函数监听此事件，检查目标是否为“添加到购物车”按钮，然后制作动画。
第三种解决方案是将WooCommerce 'add to cart' file 出列并创建您自己的版本。这样做的好处是您可以添加仅在产品成功添加到购物车时才会触发的触发器。缺点是每次升级 WooCommerce 时都必须检查此文件。
编辑：我看到 WooCommerce 的“添加到购物车”文件已经有一个可以使用的触发器：
// Trigger event so themes can refresh other areas
$( 'body' ).trigger( 'added_to_cart', [ fragments, cart_hash ] );
【讨论】：
-
谢谢。我正在尝试。
-
我面临着类似的问题。我制作自己的主题。然后添加到购物车动画不显示。