如何在Woocommerce产品循环中添加自定义AJAX减少按钮？

function custom_scripts() {
    wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri() . '/js/custom.js', array( 'jquery' ), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'custom_scripts' );

jQuery(document).ready(function($) {
    $('.reduce-button').on('click', function(e) {
        e.preventDefault();
        
        var productId = $(this).data('product-id');
        var quantityInput = $(this).siblings('.quantity').find('input[type="number"]');
        var quantity = parseInt(quantityInput.val());
        
        if (quantity > 1) {
            quantity--;
            
            $.ajax({
                url: ajaxurl,
                type: 'POST',
                data: {
                    action: 'reduce_product_quantity',
                    product_id: productId,
                    quantity: quantity
                },
                success: function(response) {
                    quantityInput.val(quantity);
                }
            });
        }
    });
});

function reduce_product_quantity() {
    $product_id = $_POST['product_id'];
    $quantity = $_POST['quantity'];
    
    // 在这里执行减少产品数量的操作，例如更新数据库中的产品数量
    
    wp_die();
}
add_action( 'wp_ajax_reduce_product_quantity', 'reduce_product_quantity' );
add_action( 'wp_ajax_nopriv_reduce_product_quantity', 'reduce_product_quantity' );

<button class="reduce-button" data-product-id="<?php echo get_the_ID(); ?>">减少</button>