Un formulaire « Ajouter au panier » avec quantité
wp="add-to-cart" L’acheteur choisit une quantité et ajoute le produit sans recharger la page ; le compteur du panier et le mini-panier se mettent à jour aussitôt.
Où le placer
Sur un <form> avec un bouton d’envoi. À l’intérieur : wp="product-qty" sur le champ de quantité, wp="product-qty-minus" et -plus sur les boutons.
wp="stocked" entoure ce qui s’affiche quand le produit est en stock, wp="not-stocked" ce qui s’affiche quand il est épuisé.
Exemple : acheter un sachet de grains
<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>À retenir
- Nécessite WooCommerce.
- La quantité ne peut pas dépasser le stock quand le produit gère son stock.
- Les boutons « − » et « + » ne fonctionnent qu’à l’intérieur du formulaire.
- Pour les produits à variations, il existe des valeurs séparées pour le prix et le stock de la variation.
Erreurs fréquentes
Le journal de génération est l’onglet « Journaux » de votre projet sur themeforge.pro ; la vérification gratuite du balisage affiche les mêmes remarques.
<a href="#" class="button" wp="add-to-cart">Add to cart</a>Sur un lien : la génération signale l’attribut dans le journal et le supprime.
<form wp="add-to-cart">
<input type="submit" value="Add to cart" class="button">
</form>Un formulaire avec un bouton d’envoi.
Format alternatif
wp="add_to_cart" fonctionne de la même façon : la génération donne un thème identique.