Der Preis eines Produkts, mit Angebotspreis
wp="product-price" Der Preis aus WooCommerce und im Angebot der neue Preis neben dem durchgestrichenen alten. Der Shopbetreiber legt beide im Produkt fest.
Wo es hingehört
Drei Blöcke nebeneinander: wp="product-price" (der Preis ohne Rabatt), wp="product-price-sale" und wp="product-price-regular" (nur im Angebot sichtbar). Das Theme blendet die aus, die nicht zutreffen.
Auf der Produktseite (single-product.html) und in den Karten des Katalogs.
Beispiel: eine Packung Kaffeebohnen
<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>Im Angebot blendet sich der Block mit dem regulären Preis selbst aus.
Worauf es ankommt
- Braucht WooCommerce.
- Bei einem Produkt mit Varianten aktualisiert das Theme den Preis, wenn der Käufer eine auswählt.
Typische Fehler
Das Build-Protokoll ist der Tab „Logs“ deines Projekts auf themeforge.pro; die kostenlose Markup-Prüfung zeigt dieselben Hinweise.
<div class="price" wp="product-price">$14.00</div>Nur product-price: Ein Produkt im Angebot zeigt überhaupt keinen Preis, und das Protokoll meldet nichts.
<div wp="product-price">$14.00</div>
<div wp="product-price-sale">$12.00</div>
<div wp="product-price-regular">$14.00</div>Alle drei nebeneinander.
Alternative Schreibweise
wp="product_price" funktioniert genauso: Der Build ergibt ein identisches Theme.