Анимация добавления в корзину WooCommerce

Использует ли ваша тема AJAX для добавления товара в корзину? Решением было бы добавить прослушиватель кликов к кнопке «Добавить в корзину» с помощью jQuery. Затем в вашем прослушивателе кликов вы можете анимировать изображение продукта.

Другое решение описано в этом сообщении. Там функция jQuery addClass() по умолчанию переопределяется, и при вызове функции addClass запускается событие. Следующее, что вы можете сделать, это прослушать это событие с помощью функции jQuery bind(), проверить если целью является кнопка «Добавить в корзину», и сделайте свою анимацию.

Третьим решением может быть исключение из очереди Файл WooCommerce «добавить в корзину» и создать собственную версию. Преимущество этого заключается в том, что вы можете добавить триггер, который срабатывает только тогда, когда продукт успешно добавлен в корзину. Недостатком является то, что вы должны проверять этот файл каждый раз, когда обновляете WooCommerce.

Редактировать: я вижу, что файл WooCommerce "добавить в корзину" уже имеет триггер, который вы можете использовать:

// Trigger event so themes can refresh other areas
$( 'body' ).trigger( 'added_to_cart', [ fragments, cart_hash ] );