Как кнопку «Добавить в корзину» отсоединить от кнопки с выбором количества товаров?

Question

[MisTFoR]

Здравствуйте.
У меня в карточке товара есть кнопка "Добавить в корзину" и около нее поле с выбором количество товаров (как обычно). Вопрос: как это кнопку отсоединить, к примеру добавить в описание товара, но что бы она так же работала с полем количества товаров?

Answer 1

[Роман Финк]

Как вариант можно сделать так:
1. Скрыть поле кол-ва через css

.single-product .quantity .qty {
    display: none;
}

2. Убрать вывод кнопки добавления по дефолту и через хук вывести в нужном месте страницы

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
add_action('woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 45 ); //В сторфронт выводим после мета описания

3. Добавить через хук новое поле кол-ва куда нужно и через js менять скрытое поле кол-ва рядом с кнопкой добавления в корзину

add_action('woocommerce_single_product_summary', 'fink_new_qty_add_to_cart', 30 ); //Добавляем новое поле кол-ва туда где была кнопка добавления в корзину
function fink_new_qty_add_to_cart() {

    echo '<input type="number" class="new_qty" value="1">';

    ?>

    <script>
    jQuery(document).ready(function($) {

        $('.new_qty').on('change', function(e) {
            var qty = $(this);
            $('.quantity .qty').val(qty.val());
        });

    });
    </script>

    <?php
}

Comments

[MisTFoR]

Спасибо вам огромное за помощь!
Отметил решением раньше, а проверить руки добрались сегодня =)

А не поможете с последним вопросом?)
Суть такая: есть две кнопки около ввода ко-во товара ("+" и "-"), они выводятся, работают, при нажатии - изменяется цифра, но такая проблемка, при нажатии на "В корзину" - товар не добавляется, но если ввести цифру самому (через клавиатуру) - то товар успешно добавляется.
Как это исправить?
Вот код (работает):

add_action( 'wp_footer', 'bbloomer_add_cart_quantity_plus_minus' );
function bbloomer_add_cart_quantity_plus_minus() {
    if ( ! is_product() ) return;
    ?>
        <script type="text/javascript">
            jQuery(document).ready(function($){   
                $('form.cart').on( 'click', 'button.plus, button.minus', function() {

                    var qty = $( this ).closest( 'form.cart' ).find( '.new_qty' );
                    var val   = parseFloat(qty.val());
                    var max = parseFloat(qty.attr( 'max' ));
                    var min = parseFloat(qty.attr( 'min' ));
                    var step = parseFloat(qty.attr( 'step' ));

                    if ( $( this ).is( '.plus' ) ) {
                       if ( max && ( max <= val ) ) {
                          qty.val( max );
                       } else {
                          qty.val( val + step );
                       }
                    }else{
                       if ( min && ( min >= val ) ) {
                          qty.val( min );
                       } else if ( val > 1 ) {
                          qty.val( val - step );
                       }
                    }
                });
            });
      </script>
   <?php
}
add_action('woocommerce_before_add_to_cart_quantity', 'bbloomer_display_quantity_plus');
function bbloomer_display_quantity_plus() {
   echo '<button type="button" class="plus" >+</button>';
}
add_action('woocommerce_after_add_to_cart_quantity', 'bbloomer_display_quantity_minus');
function bbloomer_display_quantity_minus() {
   echo '<button type="button" class="minus" >-</button>';
}