Un catálogo de productos
wp="products" La página de la tienda y las de categoría: una cuadrícula de tarjetas con los productos de la página, con orden, filtros y números de página.
Dónde va
En la cuadrícula de archive-product.html (la tienda) y taxonomy-product-cat.html (una categoría). La primera tarjeta es el patrón: dentro, wp="post-link", wp="post-image", wp="post-title" y el precio.
Un bloque con wp="no-results" justo después de la cuadrícula se muestra cuando no se encuentra nada.
Productos en cualquier otra página, como la de inicio: wp-product-query con ajustes como los de wp-query.
Ejemplo: la tienda de café en grano
<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”
Lo importante
- Necesita WooCommerce.
- Orden: un
<form wp="sort">con un<select wp="orderby">dentro. - Números de página: wp-paginate bajo la cuadrícula.
Errores frecuentes
El registro de la generación es la pestaña «Registros» de tu proyecto en themeforge.pro; la revisión gratuita del marcado muestra los mismos avisos.
<select wp="orderby">
<option value="price">Price</option>
</select>Una lista de orden sin su formulario: la generación anota el atributo en el registro y la lista no hace nada.
<form wp="sort">
<select wp="orderby">
<option value="price">Price</option>
</select>
</form>La lista dentro de <form wp="sort">.