В этой статье речь пойдет о том как вывести кнопку «Добавить в корзину» со счетчиком количества товаров на странице категории товара.
Для чего это нужно? Ответ на этот вопрос очень прост-это сократит количество переходов для вашего покупателя, добавив такую кнопку на свой интернет магазин под управлением 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 нужный нам код выглядит следующим образом (этот код нам нужно скопировать):
<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' ); ?>
-
- Затем переходим в паку шаблонов WooCommerce которая находиться по следующему пути: woocommerce/templates/ и находим фаил content-product.php в него и вставляем выше упомянутый код перед закрывающимся тегом, тут же можно удалить или закомментировать старую кнопку «Добавить в корзину»
На этом все.
Пишите, спрашивайте в комментариях. Если вызнаете другой способ добавить выше описанную кнопку напишите мне свой способ, буду очень благодарен.
Вам необходимо нужную кнопку добавить в файл (content-product.php) рядом с основной, а далее выровнять с помощью css.
т.к. у вас скорее всего ссылка на товар налазит на счетчик (СSS проверьте), а вообще лучше пришлите ссылку посмотрим.
