WooCommerce AJAX Update Cart

For the past year since WooCommerce 2.6 the shopping cart has been able to update it’s values automatically via AJAX when the user changes something in the shopping cart (quantities, coupon codes, etc).

But I just tested and my Theme X Renew does not do this.

How do I turn on this functionality?

See more details here about this WooCommerce feature: https://woocommerce.wordpress.com/2016/04/19/cart-ajax/

Hi There,

Can you confirm that you are fully updated? (Theme and Plugins)

You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

Then make sure that it is enable on Woocommerce > Settings > Products > Display Tab > Add to cart behaviour : Enable AJAX add to cart buttons on archives

Hope this helps.

Hi Lely, thanks for your help.

Yes everything is fully up to date.

Also I checked that WooCommerce option, and it was already enabled.

Hi There,

You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

If the issue persists, would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password

All the best!

I have just done a test on a brand new WordPress install with nothing but WooCommerce and Theme X installed. The AJAX cart updates do not work. So this is not related to plugin conflicts.

Hello There,

Thanks for updating in! You are not seeing the AJAX add to cart because you have set that after clicking the add to cart button it will be redirected to the cart page after successful addition.

Please change your setting and test your site again.

I think you are misunderstanding the problem.

On the shopping cart page (www.example.com/cart) the totals and dollar values should get updated via AJAX when the user changes the quantity. This should happen without the user clicking the “update cart” button. This feature has been available on WooCommerce for an entire year now (since version 2.6) but it does not work on Theme X.

You please need to read and watch this link I provided earlier for full details: https://woocommerce.wordpress.com/2016/04/19/cart-ajax/

The setting you have described just redirects a user to the shopping cart page after they add a product to their cart. This is working as normal.

Hi there,

If you check the video, the narrator compares the two sample. And in both sample, the narrator clicked the update button. The only difference is, one reloads the entire page upon clicking the update button (no ajax), and the other one gray/blur out just an area while updating the price without a need to reload the entire page. He explained that in the video :slight_smile:

Updating cart quantities this means, it will use ajax when you update the quantity. It doesn’t mean it will auto-update it.

In summary, the ajax works upon clicking the button without a need to reload the entire page. You should install this plugin if you like automatic price update https://wordpress.org/plugins/woo-update-cart-on-quantity-change/

Thanks!