# Update the Cart Automatically When Quantities Change

> Refreshes the classic cart totals as soon as a quantity is changed, so shoppers do not need to press "Update cart". The button is hidden.

- Type: PHP
- Runs: Run everywhere
- Category: [WooCommerce](https://wpide.com/library/category/woocommerce/)
- Requires: WooCommerce
- Tags: woocommerce, cart, ajax, ux
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/woo-auto-update-cart/

## Code

```php
add_action( 'wp_footer', function () {
    if ( ! function_exists( 'is_cart' ) || ! is_cart() ) {
        return;
    }
    ?>
<style>.woocommerce-cart-form button[name="update_cart"]{display:none !important;}</style>
<script>
(function () {
    var timer;
    document.addEventListener('change', function (e) {
        if (!e.target.matches('.woocommerce-cart-form input.qty')) { return; }
        clearTimeout(timer);
        timer = setTimeout(function () {
            var button = document.querySelector('.woocommerce-cart-form button[name="update_cart"]');
            if (button) { button.disabled = false; button.click(); }
        }, 500);
    });
})();
</script>
    <?php
} );
```

## Notes

Only for the classic cart shortcode; the Cart block already updates instantly.

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Update the Cart Automatically When Quantities Change" in its snippet library and add it in one click; or create a new PHP snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/