Пример: Магазин

Меню интернет-магазина на WooCommerce: категории с миниатюрами, новинки с ценами (подставляются сами) и товары со скидкой.

Структура пунктов#

• Магазинстраница магазинаПодменю → Тип подменю: Мега-подменю · Подменю → Позиция: На всю ширину
  • КатегорииОбщее → Отображение: Заголовок · Общее → Отключить ссылку: да · Макет → Ширина колонок: 1/5
    • Одежда, Для путешествий, Аксессуарыкатегории товаровИзображение → Картинка: миниатюра категории · Размеры: 40×40 · Макет → Макет: Изображение слева
    • Все товарыстраница магазина
  • НовинкиОбщее → Отображение: Заголовок · Общее → Отключить ссылку: да · Макет → Ширина колонок: 2/5
    • [Динамические записи]Динамические записиДинамические записи → Тип записи: Товары · Лимит: 3 · Изображение → Наследовать: динамически · Макет → Макет: Товар — изображение сверху, цена · Макет → Ширина: 1/3 · Общее → Отображение: Обычный
  • СкидкиОбщее → Отображение: Заголовок · Общее → Отключить ссылку: да · Макет → Ширина колонок: 2/5
    • Футболка «Горизонт», Чемодан «Экспресс», Очки «Солнце»товарыИзображение → Картинка: фото товара · Размеры: 64×64 · Макет → Макет: Товар — изображение слева, цена

Как собрать#

1. Убедитесь, что WooCommerce активен, а в Основная конфигурация → WooCommerce выбрано «Корзина, цены и бейджи скидок».
2. Категории товаров добавляются из блока «Категории товаров» в Внешний вид→Меню, товары — из блока «Товары» (если блоков не видно, включите в «Настройках экрана»).
3. Колонки 1/5 + 2/5 + 2/5 = 1.
4. Для «Новинок» используйте «Динамические записи» с типом «Товары» и сортировкой по дате — список обновляется сам.
5. Цена и бейдж скидки появляются в макетах «Товар — изображение сверху, цена» и «Товар — изображение слева, цена».
6. Корзину добавьте расширенным пунктом «Корзина» на верхний уровень — см. Корзина WooCommerce.