WooCommerce ajax?

Question

[Сергей]

Добрый день, учусь работать с WP, начал ковырять WooCommerce и пытаюсь к своей верстке его приделать.
Есть страница с товарами и вверху вывожу мини корзину: цены/кол/описание.
Вопрос как можно менять в ней данные с помощью Ajax?
Сейчас на кнопке "в корзину" просто повесил ф-ию

<a href="/home/?add-to-cart=<?= $product->id ?>" data-quantity="1" class="product_type_simple add_to_cart_button ajax_add_to_cart product__button" data-product_id="<?= $product->id ?>" data-product_sku="" aria-label="Добавить &quot;<?= $product->name ?>&quot; в корзину" rel="nofollow">В корзину</a>

$('.ajax_add_to_cart').on('click', function(e){
		e.preventDefault();
		let $href = $(this).attr('href');

		$.ajax({
          	type: "GET",
         	url:  $href,
          	data: $href.split('?')[1]
  		}).done(function() {
  			console.log('done');
  		}).fail(function(){
  			console.log('error');
  		}).always(function() {
		    console.log('always');
	  	});
	})

Данные отправляются, товар добавляется, но нужно как-то перерендерить мини корзину...
Или я делаю какую-то дичь и есть более адекватные способы?) Заранее спасибо!