Как добавлять в корзину без перезагрузки страницы? ( WP and Woocommerce )?

Question

[Дмитрий]

Вообщем, есть у основного сайта отдельная страница ввиде лендинга. Где есть кнопка "Добавить в корзину". При добавление в корзину перекидывает на страницу корзины. А нужно без перезагрузки чтоб добавляло в корзину на данном лендосе ( корзина уже стоит ).

Кнопка "Добавить в корзину" сделана таким образом
<a href="/?add-to-cart=2651"></a>

ajax включен. Есть предложения как реализовать можно? Может плагин какой подскажите?

Comments

[Макс]

Вот может поможет:
Форум WP

Проверьте стоит ли у вас в WP на ajax ну и кнопку сделать как там написали.
Если ничего не поможет то писать самим скрипт или в плагинах искать.

[Дмитрий]

Макс, вы тупо переписали мой вопрос

[Макс]

Дмитрий,

<a href="/shop/?add-to-cart=59" data-quantity="1" class="button product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="59" data-product_sku="" aria-label="Добавить &quot;нечто&quot; в корзину" rel="nofollow">В корзину</a>

Так пробовали?

ajax добавление в корзину на основном сайте, не с LP работает?

[Дмитрий]

Пробовал. На основном сайте конечно. Все что сейчас в интернете по этому вопросу - неактуально.

[Александр Соболев]

add_to_cart();
1. Валидный ajax запрос.
2. На стороне сервера что-то вроде

$your_cart= new WC_Cart();
$your_cart->add_to_cart( $product_id = 0, $quantity = 1, $variation_id = 0, $variation = array(), $cart_item_data = array() )

Answer 1

[profesor08]

Если у тебя вылетают ошибки, то исправляй их. Если нет и по какой-то причине не работают ajax запросы, то в чем проблема написать свой, 5 строк кода, это разве непосильная задача для веб разработчика?

a.addEventListener("click", async function(e) {
  e.preventDefault();
  let request = await fetch(this.href);
  let text = await request.text();
});