Страница корзины в вашем дизайне

Куда ставить

В 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>

Похожие задачи