Automatyczna aktualizacja koszyka WooCommerce przy zmianie ilości

Kod

<?php
/**
 * Automatically update WooCommerce cart when quantity changes.
 *
 * This snippet uses AJAX to update the cart totals without requiring a button click.
 * It hooks into the WooCommerce scripts and adds custom JavaScript to handle the AJAX request.
 */

// Enqueue custom script to handle AJAX cart update
function wp_dudecom_enqueue_ajax_cart_update_script() {
    if (is_cart()) {
        wp_enqueue_script('wp-dudecom-ajax-cart-update', get_template_directory_uri() . '/js/wp-dudecom-ajax-cart-update.js', array('jquery'), null, true);
        wp_localize_script('wp-dudecom-ajax-cart-update', 'wp_dudecom_ajax_cart', array(
            'ajax_url' => admin_url('admin-ajax.php'),
        ));
    }
}
add_action('wp_enqueue_scripts', 'wp_dudecom_enqueue_ajax_cart_update_script');

// Handle AJAX request to update cart
function wp_dudecom_ajax_update_cart() {
    WC()->cart->set_quantity($_POST['cart_item_key'], $_POST['quantity']);
    WC()->cart->calculate_totals();
    WC()->cart->maybe_set_cart_cookies();

    // Send updated cart fragments back to the front-end
    WC_AJAX::get_refreshed_fragments();
    wp_die();
}
add_action('wp_ajax_wp_dudecom_update_cart', 'wp_dudecom_ajax_update_cart');
add_action('wp_ajax_nopriv_wp_dudecom_update_cart', 'wp_dudecom_ajax_update_cart');

?>

// JavaScript file: wp-dudecom-ajax-cart-update.js
jQuery(function($) {
    $('body').on('change', '.woocommerce-cart-form input.qty', function() {
        var $this = $(this);
        var cart_item_key = $this.closest('tr').attr('data-cart_item_key');
        var quantity = $this.val();

        $.ajax({
            type: 'POST',
            url: wp_dudecom_ajax_cart.ajax_url,
            data: {
                action: 'wp_dudecom_update_cart',
                cart_item_key: cart_item_key,
                quantity: quantity
            },
            success: function(response) {
                // Update cart fragments
                if (response && response.fragments) {
                    $.each(response.fragments, function(key, value) {
                        $(key).replaceWith(value);
                    });
                }
            }
        });
    });
});