Básico Tienda
Un formulario «Añadir al carrito» con cantidad
wp="add-to-cart" El comprador elige una cantidad y añade el producto sin recargar la página; el contador del carrito y el minicarrito se actualizan al momento.
Dónde va
En un <form> con un botón de envío. Dentro: wp="product-qty" en el campo de cantidad, wp="product-qty-minus" y -plus en los botones.
wp="stocked" envuelve lo que se muestra cuando el producto tiene existencias, y wp="not-stocked", lo que se muestra cuando está agotado.
Ejemplo: comprar una bolsa de café en grano
Marcado 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>En el panel Products → Edit product
Regular price ($) 14.00
Stock status In stock
Stock quantity 12
En el sitio la página del producto
Ethiopia Yirgacheffe
− 1 +
Add to cart
Lo importante
- Necesita WooCommerce.
- La cantidad no puede superar las existencias cuando el producto gestiona su inventario.
- Los botones «−» y «+» solo funcionan dentro del formulario.
- Para los productos con variaciones hay valores aparte para el precio y las existencias de la variación.
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.
Así no
<a href="#" class="button" wp="add-to-cart">Add to cart</a>En un enlace: la generación anota el atributo en el registro y lo descarta.
Así sí
<form wp="add-to-cart">
<input type="submit" value="Add to cart" class="button">
</form>Un formulario con un botón de envío.
Escritura alternativa
wp="add_to_cart" funciona igual: la generación da un tema idéntico.