Настройка шаблона каталога товаров

Шаблон «Каталог товаров» управляет внешним видом и структурой основной страницы магазина. По умолчанию на этой странице отображаются все опубликованные товары. С помощью редактора сайта вы можете настроить шаблон под свой бренд, выделить важные товары и сделать процесс покупки удобнее для клиентов.

Этот шаблон работает на основе блока «Коллекция товаров», который динамически выводит товары. Вы можете менять его расположение, оформление и дополнять другими блоками, паттернами и фильтрами.

Как открыть шаблон каталога товаров

  1. В панели управления WordPress перейдите в Внешний вид → Редактор
  2. Откройте Шаблоны → WooCommerce
  3. Выберите Каталог товаров
Выбор шаблона каталога товаров в редакторе WooCommerce

Важно: шаблон «Каталог товаров» имеет приоритет над страницей «Магазин». Если вы редактировали страницу «Магазин», но изменения не отображаются — значит их переопределяет этот шаблон. Изменяйте именно шаблон каталога товаров.

Основа — блок «Коллекция товаров»

Шаблон «Каталог товаров» использует блок «Коллекция товаров», который выводит товары в виде сетки или списка.

По умолчанию отображаются все опубликованные товары, но вы можете настроить внешний вид, структуру и условия вывода товаров под задачи вашего магазина.

Внутренние блоки шаблона

По умолчанию шаблон включает несколько блоков, которые формируют страницу магазина:

БлокНазначение
Хлебные крошки магазинаПоказывают путь навигации по сайту
Заголовок архиваОтображает название текущего раздела
Описание терминаПоказывает описание категории, тега или другой таксономии
Уведомления магазинаОтображает сообщения для покупателей (например, «Товар добавлен в корзину»)
Количество товаровПоказывает количество найденных товаров
Сортировка товаровПозволяет менять порядок отображения товаров
Коллекция товаровВыводит список товаров в выбранной категории

Добавление фильтров товаров

Чтобы упростить навигацию и помочь пользователям быстрее находить нужные товары, добавьте блок «Фильтры товаров».

Покупатели смогут фильтровать товары по:

  • Цене
  • Рейтингу
  • Атрибутам
  • Наличию
  • Категории
  • Бренду
  • Тегам
Поделиться с друзьями
Документация WooCommerce