Основне Магазин
Каталог товарів
wp="products" Сторінка магазину й сторінки категорій: сітка карток, яка показує товари сторінки, із сортуванням, фільтрами й номерами сторінок.
Куди ставити
На сітку в archive-product.html (магазин) і taxonomy-product-cat.html (категорія). Перша картка — зразок: усередині неї wp="post-link", wp="post-image", wp="post-title" і ціна.
Блок із wp="no-results" одразу після сітки показується, коли нічого не знайдено.
Товари на будь-якій іншій сторінці, наприклад на головній: wp-product-query з налаштуваннями, як у wp-query.
Приклад: магазин кавових зерен
Розмітка archive-product.html
<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>В адмінці Products
Products
- Ethiopia Yirgacheffe
- Colombia Huila
- Brazil Cerrado
- House blend “Warm”
На сайті сторінка магазину
Beans
Ethiopia Yirgacheffe $14.00
Colombia Huila $13.00
Brazil Cerrado $11.00
Що важливо
- Потрібен WooCommerce.
- Сортування:
<form wp="sort">із<select wp="orderby">усередині. - Номери сторінок: wp-paginate під сіткою.
Типові помилки
Журнал збирання — вкладка «Логи» вашого проєкту на themeforge.pro; ті самі зауваження показує безплатна перевірка розмітки.
Не так
<select wp="orderby">
<option value="price">Price</option>
</select>Список сортування без своєї форми: збирання записує атрибут у журнал, і він нічого не робить.
Так
<form wp="sort">
<select wp="orderby">
<option value="price">Price</option>
</select>
</form>Список усередині <form wp="sort">.