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

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

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

iOS
help2site
Не заряжается IPHONE или IPAD

Каждый обладатель устройств от Apple, может столкнутся с различными проблемами, с которыми даже не ожидалось столкнуться. Самая популярная поломка на данный момент — это Не заряжается Ipad ,

Оборудование
help2site
Как включить все ядра процессора

Большинство продвинутых пользователей персональных компьютеров знают, что в Windows 7 по умолчанию используется всего одно ядро процессора и для того чтобы задействовать все ядра нужно

Оборудование
help2site
Обзор процессора Intel Core i7-4930MX

Intel Core i7-4930MX  — это мобильный процессор, который имеет четыре ядра, он пришел на смену i7-3940XM. Запуск данного процессора был во втором квартале этого года,

Windows
help2site
Как удалить пункт из контекстного меню Windows 7

Со временем контекстное меню, которое появляется при нажатии на правую кнопку мыши засоряется различными ненужными пунктами. Из за наличия этих пунктов контекстное меню начинает появляться