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

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

Для чего это нужно? Ответ на этот вопрос очень прост-это сократит количество переходов для вашего покупателя, добавив такую кнопку на свой интернет магазин под управлением 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 позволяют удалять как каталоги, так и

Windows
help2site
Rufus — как создать загрузочную флешку?

Rufus – отличная утилита для создания загрузочной флешки. Бесплатная, простая в использовании и универсальная. С её помощью можно записать образ Windows XP, 7, 8 или

Интернет
help2site
Купить планшет за границей

Заказать планшет IPAd Купить планшет за границей стало намного проще и безопаснее, сегодня я хочу рассказать вам, как это можно осуществить. Сами понимаете, что в интернете

iOS
help2site
Загрузка музыки из вконтакте на айпад

На сегодняшней момент времени самым известным сервисом для прослушивания аудиофайлов файлов является, наверное музыкальная база популярной социальной сети «ВКонтакте». Я хочу немного объяснить вам, пользователям,

Диагностика
help2site
Защита смартфона

Уже давно принято считать, влияние вирусов или вредоносных программ, неизбежной частью жизни при использовании персональных компьютеров. Как насчет мобильного телефона? Хотя, не все вирусы или

Web-Дизайн
help2site
Как сделать адаптивный (резиновый) слайдер изображений с помощью jQuery и CSS3

Прежде чем начать, скажу что нам потребуется подключить две внешних библиотеки: FlexSlider — плагин используемый разработчиками WooThemes, работает быстро без нареканий. Вы можете скачать плагин отдельно с официального сайта или