Ein Produktkatalog
wp="products" Die Shop-Seite und die Kategorieseiten: ein Kartenraster mit den Produkten der Seite, mit Sortierung, Filtern und Seitenzahlen.
Wo es hingehört
An das Raster auf archive-product.html (der Shop) und taxonomy-product-cat.html (eine Kategorie). Die erste Karte ist die Vorlage: darin wp="post-link", wp="post-image", wp="post-title" und der Preis.
Ein Block mit wp="no-results" direkt nach dem Raster wird gezeigt, wenn nichts gefunden wird.
Produkte auf einer anderen Seite, etwa der Startseite: wp-product-query mit Parametern wie bei wp-query.
Beispiel: der Shop für Kaffeebohnen
<div class="beans" wp="products">
<div class="bean-card">
<a href="#" wp="post-link">
<img src="images/bean.jpg" alt="" wp="post-image">
<h3 wp="post-title">Ethiopia Yirgacheffe</h3></a>
<div wp="product-price">$14.00</div>
</div>
</div>
<div class="empty" wp="no-results">No beans match.</div>- Ethiopia Yirgacheffe
- Colombia Huila
- Brazil Cerrado
- House blend “Warm”
Worauf es ankommt
- Braucht WooCommerce.
- Sortierung: ein
<form wp="sort">mit<select wp="orderby">darin. - Seitenzahlen: wp-paginate unter dem Raster.
Typische Fehler
Das Build-Protokoll ist der Tab „Logs“ deines Projekts auf themeforge.pro; die kostenlose Markup-Prüfung zeigt dieselben Hinweise.
<select wp="orderby">
<option value="price">Price</option>
</select>Eine Sortierliste ohne ihr Formular: Der Build schreibt das Attribut ins Protokoll, und es bewirkt nichts.
<form wp="sort">
<select wp="orderby">
<option value="price">Price</option>
</select>
</form>Die Liste in <form wp="sort">.