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

Question

[Илья Деревянных]

Как на сделать чтобы при нажатии на кнопку товар добавлялся в корзину?
Сайт сделан с помощью Brizy + woocomerce
Картинка

Comments

[Froggyweb]

Bryzi = это оно https://mlp.fandom.com/ru/wiki/%D0%91%D1%80%D0%B8%...

[Илья Деревянных]

Froggyweb, исправил опечатку

[Froggyweb]

Илья Деревянных, ну ок каким боком это чудо к твоей корзине и магазину? насколько я помню либо в кнопке есть data-аттрибуты либо ссылки на определенный адрес.
остальное - мишура, которая при поддержке Woo позволит визувльно сделать ссылку на товар или - -нет.

[Илья Деревянных]

Froggyweb, ссылку на товар поставить это понятно. Вопрос как на кнопку повесить это событие. Чудо это - конструктор с помощью которого собираю сайта.
Сделал это прописав add-to-cart=№
Не подскажете как реализовать вывод уведомления и обновление через ajax?

[Froggyweb]

Илья Деревянных, если конструктор поддерживает товары воокомерс, то искать в нем, хелп там почитать и пр. если нет - то function.php

Answer 1

[twentytvvo]

Надо включить добавление товара в корзину через ajax.
А саму кнопку оформлять как то так:

<a href="?add-to-cart=ваш_id" data-quantity="количество_единиц" class="product_type_simple add_to_cart_button ajax_add_to_cart" data-product_id="ваш_id" data-product_sku="" aria-label="Добавить в корзину" rel="nofollow" tabindex="0">
<span>Добавить в корзину</span>
</a>

в подвале должен еще быть подключен скрипт:

<script src="/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=4.9.2" id="wc-add-to-cart-js"></script>
<!-- Он должен быть по стандарту там, но мало ли -->