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

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

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

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

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 нужный нам код выглядит следующим образом (этот код нам нужно скопировать):
				
					<form class="cart" method="post" enctype='multipart/form-data'>
   <?php do_action( 'woocommerce_before_add_to_cart_button' ); ?>

   <?php if ( ! $product->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 )
     ) );
   ?>

   <input type="hidden" name="add-to-cart" value="<?php echo esc_attr( $product->id ); ?>" />

   <button type="submit" class="single_add_to_cart_button button alt"><?php echo $product->single_add_to_cart_text(); ?></button>

  <?php do_action( 'woocommerce_after_add_to_cart_button' ); ?>
 </form>





 <?php do_action( 'woocommerce_after_add_to_cart_form' ); ?>
				
			
    1. Затем переходим в паку шаблонов 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/ если устроит могу выслать код)
т.к. у вас скорее всего ссылка на товар налазит на счетчик, а вообще лучше пришлите ссылку посмотрим.

Вам необходимо нужную кнопку добавить в файл (content-product.php) рядом с основной, а далее выровнять с помощью css.

т.к. у вас скорее всего ссылка на товар налазит на счетчик (СSS проверьте), а вообще лучше пришлите ссылку посмотрим.

у вас скорее всего ссылка на товар налазит на счетчик (СSS проверьте), а вообще лучше пришлите ссылку посмотрим.
Свежие записи
Команда RD

Команда RD и RMDIR позволяют удалять как каталоги, так и

Web-Дизайн
help2site
Анализ контента вэб-ресурса (инструменты)

Анализ контента сайта – это своеобразный сервис с набором инструментов, с помощью которых проводится качественный анализ текстового контента, находящегося на вэб-ресурсе, его оценка. То есть,

Интернет
help2site
Мощный онлайн конвертер файлов любых форматов

Конвертировать файл из одного форма в другой. Подобная проблема-вопрос встает периодически перед каждым пользователем компьютера. Не всегда на нашем компьютере может оказаться подходящая программа-конвертер. Современные компьютерные

Интернет
help2site
Как бесплатно раскрутить сайт. Раскрутка сайта бесплатно под Гугл и Яндекс.Раскрутка сайта самостоятельно

Как бесплатно раскрутить сайт под поисковые системы Гугл и Яндекс. Самостоятельная раскрутка сайта в Google и Yandex Как часто люди разочаровываются осознав, что их сайт

Web-Дизайн
help2site
Установка сервера MySQL 5.0

Доброго времени суток! В прошлый раз я рассказывал, как настроить Apache для работы с PHP как с модулем, а сегодня я расскажу как установить и