Сторінка кошика у вашому дизайні

Куди ставити

У page-cart.html: WordPress використовує цей файл для сторінки кошика WooCommerce. wp="cart-full" обгортає кошик, wp="cart-empty" — повідомлення для порожнього кошика.

Усередині — wp-cart="items" на блоці рядків; перший рядок — зразок. У рядку: product_title, product_image, product_price, product_qty, product_total, product_remove. Під рядками — wp="cart-total".

Приклад: кошик із двома товарами

<div class="cart" wp="cart-full">
  <div wp-cart="items">
    <div class="cart__row">
      <div wp-cart="product_title">Ethiopia Yirgacheffe</div>
      <input wp-cart="product_qty">
      <div wp-cart="product_total">$28.00</div>
      <a href="#" wp-cart="product_remove">Remove</a>
    </div>
  </div>
  <div>Total: <span wp="cart-total">$28.00</span></div>
</div>
<div class="cart-empty" wp="cart-empty">Your cart is empty.</div>

Що важливо

• Потрібен WooCommerce.
• Порожній стан — це wp="cart-empty": тема показує його, коли кошик порожній, і ховає в інших випадках.
• Ціна в рядку влаштована як product-price: для знижок додайте product_price_sale і product_price_regular.

Типові помилки

Журнал збирання — вкладка «Логи» вашого проєкту на themeforge.pro; ті самі зауваження показує безплатна перевірка розмітки.

<div wp-cart="empty-cart">Your cart is empty.</div>

<div wp="cart-empty">Your cart is empty.</div>

Пов’язані завдання