Как добавить кнопку удаления товара с корзины не на странице корзины в woocommerce?

Question

[FelixKerser]

Сайт имеет корзину в виде попапа, и вывподятся товары с корзины, но кнопки удаления товара не работают. Есть ли возможность добавить такой функционал?

Товары вывожу с помощью данного цикла

foreach($items as $item => $values) { $_product =  wc_get_product( $values['data']->get_id());$price = get_post_meta($values['product_id'] , '_price', true);

Answer 1

[Михаил Нестеров]

Прикрутить на "крестики" js.
В ajax передать product_id.
Удалить из корзины:

$product_id = $_REQUEST['product_id'];
foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {
     if ( $cart_item['product_id'] == $product_id ) {
          WC()->cart->remove_cart_item( $cart_item_key );
     }
}

Comments

[lil_koi]

можно же проще

add_action("wp_ajax_remove_item", "remove_item");
add_action("wp_ajax_nopriv_remove_item", "remove_item");

function remove_item()
{
    $cart_item_data = $_POST["product_id"];
    global $woocommerce;
    $baskets =  WC()->cart->get_cart();
    WC()->cart->remove_cart_item($_POST["product_id"]);
    wp_die();
}

[FelixKerser]

lil_koi, как реализовать вызов данной функции при нажатии на крестик с помощью ajax?

[FelixKerser]

Михаил Нестеров , как передать в ajax product_id? К сожалению познания ajax у меня малы, поэтому не знаю как соеденить ваш код со своим проектом

[Михаил Нестеров]

Примерно так:

в вёрстке нужно либо в блок с товаром, либо в блок с самим "крестиком" вывести id товара.
Вашу вёрстку я не вижу, поэтому напишу примерно и добавлю к самому крестику в data-атрибут $_product->get_id() - у вас может быть по другому:

<div class="btn-remove" data-product-id="<?php echo $_product->get_id() ?>">x</div>

в js на крестики добавляем обработчик (jQuery):

$('.btn-remove').each(function() {
	$(this).on('click', function() {
                // получили id товара из data-атрибута
		let product_id = $(this).data('product-id');
                // отправили ajax
		$.ajax({
			url: ajaxurl, // возможно у вас будет другой url
			method: 'POST',
			data: { 
				action: 'remove_product_from_cart', // название PHP-функции, которая обработает ajax
				product_id // передали id товара
			},
			success: function() {
				// удалить html-блок с товаром:
                                $('.product').remove();
			}
		});
	});
});

В PHP (functions.php) добавьте функцию remove_product_from_cart с кодом как у меня выше или как у lil_koi:

add_action("wp_ajax_remove_product_from_cart", "remove_product_from_cart");
function remove_product_from_cart() {
	$product_id = $_POST['product_id'];
	foreach ( WC()->cart->get_cart() as $cart_item_key => $cart_item ) {
	     if ( $cart_item['product_id'] == $product_id ) {
		  WC()->cart->remove_cart_item( $cart_item_key );
	     }
	}
        wp_die();
}

Какие-то нюансы у вас могут отличаться.