Le prix d’un produit, avec le prix promotionnel
wp="product-price" Le prix vient de WooCommerce et, pendant une promotion, le nouveau prix s’affiche à côté de l’ancien, barré. Le gérant de la boutique les saisit dans la fiche du produit.
Où le placer
Trois blocs côte à côte : wp="product-price" (le prix hors promotion), wp="product-price-sale" et wp="product-price-regular" (affichés seulement pendant une promotion). Le thème masque ceux qui ne s’appliquent pas.
Sur la page produit (single-product.html) et dans les cartes du catalogue.
Exemple : un sachet de grains de café
<div class="price-row">
<div class="price" wp="product-price">$14.00</div>
<div class="price is--sale" wp="product-price-sale">$12.00</div>
<div class="price is--old" wp="product-price-regular">$14.00</div>
</div>Le bloc du prix normal se masque alors tout seul.
À retenir
- Nécessite WooCommerce.
- Pour un produit à variations, le thème met à jour le prix quand l’acheteur en choisit une.
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 class="price" wp="product-price">$14.00</div>Seulement product-price : un produit en promotion n’affiche aucun prix, et le journal ne signale rien.
<div wp="product-price">$14.00</div>
<div wp="product-price-sale">$12.00</div>
<div wp="product-price-regular">$14.00</div>Les trois côte à côte.
Format alternatif
wp="product_price" fonctionne de la même façon : la génération donne un thème identique.