Приветствую всех читателей! В этой статье речь пойдет о том как вывести кнопку «Добавить в корзину» со счетчиком количества товаров на странице категории товара.
Для чего это нужно? Ответ на этот вопрос очень прост-это сократит количество переходов для вашего покупателя, добавив такую кнопку на свой интернет магазин под управлением WooCommerce, вы даете возможность посетителю сайта добавлять товар в корзину покупок прямо из категории товара не переходя при этом на конечную страницу товара и что не мало важно при добавление товара прямо из категории выбрать количество того или иного товара который он хочет приобрести.
Сразу хочу предупредить для использования данного метода придется залесть в код другого способа я пока не нашел.
Woocommerce существует 4 типа товаров и находятся они по следующему пути:
/wp-content/plugins/woocommerce\templates\single-product\add-to-cart\
- Простой товар — simple.php
- Сгруппированный — grouped.php
- Внешний\Партнерский товар — external.php
- Вариативный товар — variable.php
И так от слов к делу:
- Первым делом нам понадобиться код для вывода нашей новой кнопки, его можно найти в файле simple.php плагина WooCommerce который находиться по следующему пути: /wp-content/plugins/woocommerce/templates/single-product/add-to-cart/simple.php нужный нам код выглядит следующим образом:
этот код нам нужно скопировать
- Затем переходим в паку шаблонов WooCommerce которая находиться по следующему пути: woocommerce/templates/ и находим фаил content-product.php в него и вставляем выше упомянутый код перед закрывающимся тегом , тут же можно удалить или закомментировать старую кнопку «Добавить в корзину»
На этом все.
Пишите, спрашивайте в комментариях. Если вызнаете другой способ добавить выше описанную кнопку напишите мне свой способ, буду очень благодарен.
Доброго дня!
Пробовал по вашей инструкции добавить кнопку себе в магазин. Все вроде бы хорошо, работает.
Только как удалить старую кнопку так и не понял. Разъясните пожалуйста!!
Спасибо автору за полезную статью!
В том же файле (content-product.php) где вы добавили код новой кнопки выше добавленного вами кода есть функция следующего вида: < ?php do_action( 'woocommerce_after_shop_loop_item' ); ?>, просто удалите ее и старая кнопка не будет выводиться
А как поступить с вариативном товаром? При нажатие добавить в корзину выдает сообщение — «Размер» — обязательное поле
У вас есть 2 варианта: 1) вернуть старую кнопку, т.к. у вас есть ещё дополнительные варинаты товара ( а именно Размеры)
2) Вывести над кнопками код размеров данного материала. ( для этого необходимо найти необходимый код в вашем плагине либо woocommerce/templates/ найти необходимый шаблон, от туда достать код и вставить его вместе с кнопкой.) Пример можете посмотреть на сайте http://dostavka1.arles-software.com/magazin/kategoriya-maslo/ если устроит могу выслать код)