Как добавить кнопку «Очистить корзину»

В этом уроке я покажу вам, как добавить кнопку «Очистить корзину» рядом со списком товаров. Это будет особенно удобно пользователям, если ваш интернет-магазин подразумевает покупку большого количества товаров.

Также хочу порекомендовать вам свой видеокурс по WooCommerce, в котором мы учимся создавать тему для интернет-магазина с нуля на основе готовой HTML-вёрстки. В нём вы также найдёте отдельный урок по полной кастомизации корзины интернет-магазина.

Добавление кнопки очистки корзины в WooCommerce
При помощи хука woocommerce_cart_actions мы спокойно добавляем кнопку очистки корзины рядом с кнопкой обновления корзины. Однако, если вы захотите поменять порядок кнопок, то тут вам понадобится воспользоваться CSS.
/**
 * @snippet       Добавление кнопки очистки корзины
 * @author        Миша Рудрастых
 * @url           https://misha.agency/woocommerce/kak-dobavit-knopku-ochistit-korzinu.html
 */
add_action( 'woocommerce_cart_actions', 'true_empty_cart_btn' );
 
function true_empty_cart_btn(){
 
	echo '<a class="button" href="' . WC()->cart->get_cart_url() . '?empty-cart">Очистить корзину</a>';
 
}
 
add_action( 'init', 'true_empty_cart' );
function true_empty_cart() {
 
	if ( isset( $_GET[ 'empty-cart' ] ) ) {
		WC()->cart->empty_cart();
	}
 
}

Не знаете, куда вставлять код?

  • Для получения URL страницы корзины мы воспользовались методом WC()->cart->get_cart_url(), но мы также могли для этой цели использовать функцию wc_get_cart_url().
  • Корзину же очищаем методом WC()->cart->empty_cart().

Миша

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Пишите, если нужна помощь с сайтом или разработка с нуля.

Оставить комментарий

Если вы хотите добавить код, не забудьте обернуть его в <pre lang="php"></pre>, если же код меньше одной строчки, то можно и в <code></code>.

Нажав на кнопку, вы соглашаетесь с тем, как обрабатываются персональные данные.