La página del carrito con tu propio diseño

Dónde va

En page-cart.html: WordPress la usa para la página del carrito de WooCommerce. wp="cart-full" envuelve el carrito, y wp="cart-empty", el mensaje del carrito vacío.

Dentro, wp-cart="items" en el bloque de filas; la primera fila es el patrón. En una fila: product_title, product_image, product_price, product_qty, product_total, product_remove. Bajo las filas: wp="cart-total".

Ejemplo: un carrito con dos productos

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

Lo importante

• Necesita WooCommerce.
• El estado vacío es wp="cart-empty": el tema lo muestra cuando el carrito está vacío y lo oculta en caso contrario.
• El precio de una fila funciona como product-price: añade product_price_sale y product_price_regular para las ofertas.

Errores frecuentes

El registro de la generación es la pestaña «Registros» de tu proyecto en themeforge.pro; la revisión gratuita del marcado muestra los mismos avisos.

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

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

Tareas relacionadas