Как добавить ввод количество товаров рядом с кнопкой “В корзину” на странице каталога
Чтобы на страницах каталога и магазина возле кнопке добавления в корзину появилась возможность выбрать количество добавляемого товара, нужно вставить такой код в файл 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 );
} );
} );
Это будет работать только с простыми товарами, у вариативных требуется выбор параметров, который можно сделать только на странице товара.
Вам помог ответ?