Run jQuery after WooCommerce AJAX cart update

wordpress woocommerce
Mando picture Mando · Sep 4, 2016 · Viewed 26.7k times · Source

WooCommerce:

I have some jQuery that loads on document.ready that effects the quantity input box. Works great.

My issue is that when I update the cart/delete item, the jQuery needs to run again because the AJAX call kills it (refreshes it). Is there some hook/filter I can add that will re-run my script again after a cart update? Ive searched and can't find anything (or maybe I'm not aware of what I am looking for).

Thank you!!!!

Answer

helgatheviking picture helgatheviking · Sep 4, 2016

The WooCommerce scripts have several custom events built in. Your own script can listen to these events and run your own code when they are triggered. The most obvious one for your case might be updated_cart_totals but updated_wc_div might also be helpful, I'm not sure without testing. Tested and works.

$( document.body ).on( 'updated_cart_totals', function(){
    //re-do your jquery
});

Related questions

How to get WooCommerce order details

In WooCommerce from the following line code: $order = new WC_Order( $order_id ); How can I get WooCommerce order details from the order id?

Read More
WooCommerce - get category for product page

For my WC product pages, I need to add a class to the body tag so that I can perform some custom styling. Here's the function I'm creating for this... function my_add_woo_cat_class($classes) { $wooCatIdForThisProduct = "?????"; //help! // add …

Read More
Get custom product attributes in Woocommerce

In Woocommerce, I am trying to get product custom attribute values but I fail miserably and I don't get anything. So I tried: global $woocommerce, $post, $product; $res = get_post_meta($product->id); print_r(unserialize($res['_product_…

Read More