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

woocommerce

Приветствую всех читателей! В этой статье речь пойдет о том как вывести кнопку «Добавить в корзину» со счетчиком количества товаров на странице категории товара.






Для чего это нужно? Ответ на этот вопрос очень прост-это сократит количество переходов для вашего покупателя, добавив такую кнопку на свой интернет магазин под управлением WooCommerce, вы даете возможность посетителю сайта добавлять товар в корзину покупок прямо из категории товара не переходя при этом на конечную страницу товара и что не мало важно при добавление товара прямо из категории выбрать количество того или иного товара который он хочет приобрести.

2015-09-23

Сразу хочу предупредить для использования данного метода придется залесть в код другого способа я пока не нашел.

Woocommerce существует 4 типа товаров и находятся они по следующему пути: 
/wp-content/plugins/woocommerce\templates\single-product\add-to-cart\

  • Простой товар — simple.php
  • Сгруппированный — grouped.php
  • Внешний\Партнерский товар — external.php
  • Вариативный товар — variable.php

И так от слов к делу:

  1. Первым делом нам понадобиться код для вывода нашей новой кнопки, его можно найти в файле simple.php плагина WooCommerce который находиться по следующему пути: /wp-content/plugins/woocommerce/templates/single-product/add-to-cart/simple.php нужный нам код выглядит следующим образом:
    
    
    
    
    
    
    is_sold_individually() ) woocommerce_quantity_input( array( 'min_value' => apply_filters( 'woocommerce_quantity_input_min', 1, $product ), 'max_value' => apply_filters( 'woocommerce_quantity_input_max', $product->backorders_allowed() ? '' : $product->get_stock_quantity(), $product ) ) ); ?>

    этот код нам нужно скопировать

  2. Затем переходим в паку шаблонов WooCommerce которая находиться по следующему пути: woocommerce/templates/ и находим фаил content-product.php в него и вставляем выше упомянутый код перед закрывающимся тегом 
  3. , тут же можно удалить или закомментировать старую кнопку «Добавить в корзину»

На этом все.

Пишите, спрашивайте в комментариях. Если вызнаете другой способ добавить выше описанную кнопку напишите мне свой способ, буду очень благодарен.






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

  1. Доброго дня!
    Пробовал по вашей инструкции добавить кнопку себе в магазин. Все вроде бы хорошо, работает.
    Только как удалить старую кнопку так и не понял. Разъясните пожалуйста!!

    Спасибо автору за полезную статью!

    • В том же файле (content-product.php) где вы добавили код новой кнопки выше добавленного вами кода есть функция следующего вида: < ?php do_action( 'woocommerce_after_shop_loop_item' ); ?>, просто удалите ее и старая кнопка не будет выводиться

  2. А как поступить с вариативном товаром? При нажатие добавить в корзину выдает сообщение — «Размер» — обязательное поле

    • У вас есть 2 варианта: 1) вернуть старую кнопку, т.к. у вас есть ещё дополнительные варинаты товара ( а именно Размеры)
      2) Вывести над кнопками код размеров данного материала. ( для этого необходимо найти необходимый код в вашем плагине либо woocommerce/templates/ найти необходимый шаблон, от туда достать код и вставить его вместе с кнопкой.) Пример можете посмотреть на сайте http://dostavka1.arles-software.com/magazin/kategoriya-maslo/ если устроит могу выслать код)

Добавить комментарий для Mon Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *