Основне Магазин
Форма «Додати в кошик» із кількістю
wp="add-to-cart" Покупець вибирає кількість і додає товар без перезавантаження сторінки; лічильник кошика й мінікошик одразу оновлюються.
Куди ставити
На <form> із кнопкою надсилання. Усередині: wp="product-qty" на полі кількості, wp="product-qty-minus" і -plus на кнопках.
wp="stocked" обгортає те, що видно, коли товар є в наявності, wp="not-stocked" — те, що видно, коли його розпродано.
Приклад: купівля пачки зерен
Розмітка single-product.html
<form class="buy" wp="add-to-cart">
<div wp="stocked">
<a href="#" wp="product-qty-minus">−</a>
<input type="number" wp="product-qty">
<a href="#" wp="product-qty-plus">+</a>
<input type="submit" value="Add to cart" class="button">
</div>
<div wp="not-stocked">Sold out, back next roast.</div>
</form>В адмінці Products → Edit product
Regular price ($) 14.00
Stock status In stock
Stock quantity 12
На сайті сторінка товару
Ethiopia Yirgacheffe
− 1 +
Add to cart
Що важливо
- Потрібен WooCommerce.
- Кількість не може перевищити залишок, якщо для товару ведеться облік запасів.
- Кнопки «−» і «+» працюють лише всередині форми.
- Для товарів із варіаціями є окремі значення для ціни й наявності варіації.
Типові помилки
Журнал збирання — вкладка «Логи» вашого проєкту на themeforge.pro; ті самі зауваження показує безплатна перевірка розмітки.
Не так
<a href="#" class="button" wp="add-to-cart">Add to cart</a>На посиланні: збирання записує атрибут у журнал і прибирає його.
Так
<form wp="add-to-cart">
<input type="submit" value="Add to cart" class="button">
</form>Форма з кнопкою надсилання.
Альтернативний запис
wp="add_to_cart" працює так само: тема збирається однаковою.