La page panier à votre propre design
wp-cart="items" L’acheteur modifie les quantités et retire des produits sans recharger la page ; les lignes et le total se mettent à jour sur place.
Où le placer
Sur page-cart.html : WordPress l’utilise pour la page panier de WooCommerce. wp="cart-full" entoure le panier, wp="cart-empty" le message affiché quand le panier est vide.
À l’intérieur, wp-cart="items" sur le bloc des lignes ; la première ligne sert de modèle. Dans une ligne : product_title, product_image, product_price, product_qty, product_total, product_remove. Sous les lignes : wp="cart-total".
Exemple : un panier avec deux produits
<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>À retenir
- Nécessite WooCommerce.
- L’état vide, c’est
wp="cart-empty": le thème l’affiche quand le panier est vide et le masque sinon. - Le prix d’une ligne suit product-price : ajoutez
product_price_saleetproduct_price_regularpour les promotions.
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.
<div wp-cart="empty-cart">Your cart is empty.</div>Une valeur wp-cart inconnue est supprimée, le message s’affiche donc toujours ; le journal de génération indique la valeur.
<div wp="cart-empty">Your cart is empty.</div>L’état vide, c’est wp="cart-empty" (ou wp-cart="empty").
Format alternatif
wp_cart fonctionne de la même façon : la génération donne un thème identique.