Как добавить ввод количество товаров рядом с кнопкой “В корзину” на странице каталога

Чтобы на страницах каталога и магазина возле кнопке добавления в корзину появилась возможность выбрать количество добавляемого товара, нужно вставить такой код в файл functions.php дочерней темы

add_filter( 'woocommerce_loop_add_to_cart_link', function ( $html, $product ) {
    if ( $product && $product->is_type( 'simple' ) && $product->is_purchasable() && $product->is_in_stock() && ! $product->is_sold_individually() ) {
        $html .= '<div class="js-custom-quantity-input" style="width: 6em;margin-top: 4px">' . woocommerce_quantity_input( [], $product, false ) . '</div>';
    }

    return $html;
}, 10, 2 );

add_action( 'init', function () {
    add_action( 'wp_enqueue_scripts', function () {
        $js = <<<'JS'
jQuery(function ($){
    $('.js-custom-quantity-input input').on('change', function () {
        var val = $(this).val();
        $(this).parents('.shop-item__buttons').find('a.ajax_add_to_cart').attr('data-quantity', val);
    });
});
JS;

        wp_add_inline_script( 'bono-scripts', $js );
    } );
} );

Это будет работать только с простыми товарами, у вариативных требуется выбор параметров, который можно сделать только на странице товара.