Die Warenkorbseite in deinem eigenen Design
wp-cart="items" Der Käufer ändert Mengen und entfernt Produkte, ohne dass die Seite neu lädt; die Zeilen und die Gesamtsumme aktualisieren sich sofort.
Wo es hingehört
Auf page-cart.html: WordPress nutzt sie für die Warenkorbseite von WooCommerce. wp="cart-full" umschließt den Warenkorb, wp="cart-empty" die Meldung für einen leeren Warenkorb.
Darin wp-cart="items" am Block der Zeilen; die erste Zeile ist die Vorlage. In einer Zeile: product_title, product_image, product_price, product_qty, product_total, product_remove. Unter den Zeilen: wp="cart-total".
Beispiel: ein Warenkorb mit zwei Produkten
<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>Worauf es ankommt
- Braucht WooCommerce.
- Der leere Zustand ist
wp="cart-empty": Das Theme zeigt ihn, wenn der Warenkorb leer ist, und blendet ihn sonst aus. - Der Preis in einer Zeile folgt product-price: Ergänze
product_price_saleundproduct_price_regularfür Angebote.
Typische Fehler
Das Build-Protokoll ist der Tab „Logs“ deines Projekts auf themeforge.pro; die kostenlose Markup-Prüfung zeigt dieselben Hinweise.
<div wp-cart="empty-cart">Your cart is empty.</div>Ein unbekannter Wert von wp-cart wird entfernt, die Meldung ist also immer zu sehen; das Build-Protokoll nennt den Wert.
<div wp="cart-empty">Your cart is empty.</div>Der leere Zustand ist wp="cart-empty" (oder wp-cart="empty").
Alternative Schreibweise
wp_cart funktioniert genauso: Der Build ergibt ein identisches Theme.