Основное Магазин
Каталог товаров
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">.