Этот вопрос закрыт для ответов, так как повторяет вопрос Как переместить кнопку "в корзину" от выбора количества товара?
@MisTFoR

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

Здравствуйте.
У меня в карточке товара есть кнопка "Добавить в корзину" и около нее поле с выбором количество товаров (как обычно). Вопрос: как это кнопку отсоединить, к примеру добавить в описание товара, но что бы она так же работала с полем количества товаров?
  • Вопрос задан
  • 31 просмотр
Решения вопроса 1
RomanFink
@RomanFink
WordPress developer
Как вариант можно сделать так:
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
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы