Настройка магазина с помощью шаблонов в WooCommerce

WooCommerce и редактор сайта дают полный контроль над внешним видом магазина. С помощью шаблонов блоков, частей шаблонов и паттернов вы можете визуально настроить любую часть магазина — от страниц товаров до корзины и оформления заказа, сохраняя единый стиль и возможность повторного использования.

В этом руководстве вы узнаете, как настраивать шаблоны WooCommerce с помощью редактора сайта.

Шаблоны

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

Шаблоны могут быть:

  • предоставлены темой или плагинами (например, WooCommerce);
  • созданы или изменены вами через редактор сайта.

При редактировании шаблона изменения применяются ко всем страницам, которые его используют. Например, при изменении шаблона «Товар» обновится внешний вид всех страниц товаров.

Добавление шаблонов и управление ими

Чтобы узнать, как добавлять и управлять шаблонами с помощью редактора шаблонов, воспользуйтесь следующими инструкциями:

Доступ к шаблонам WooCommerce

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

  1. Перейдите в Внешний вид → Редактор в админке WordPress.
  2. Нажмите Шаблоны.
  3. В левой панели выберите WooCommerce.
Стандартные шаблоны WooCommerce
Стандартные шаблоны WooCommerce

Быстрый доступ через командную палитру

Вы также можете быстро открыть любой шаблон через командную палитру редактора:

  1. Перейдите в Внешний вид → Редактор.
  2. Нажмите Cmd + K (Mac) или Ctrl + K (Windows).
  3. Либо нажмите на название шаблона, чтобы открыть поиск команд.
Командная палитра редактора

Стандартные шаблоны WooCommerce

В WooCommerce уже есть набор готовых шаблонов, которые можно настраивать:

ШаблонНазначение
ТоварОпределяет внешний вид страницы отдельного товара
Каталог товаровОпределяет внешний вид страницы магазина и списков товаров
Товары по категории, метке, атрибуту или брендуОпределяет внешний вид архивов товаров
Результаты поиска товаровОпределяет внешний вид страницы результатов поиска
Скоро открытиеОпределяет внешний вид страницы «Скоро открытие»
Подтверждение заказаОпределяет страницу благодарности после оформления заказа
КорзинаОпределяет внешний вид страницы корзины
Оформление заказаОпределяет внешний вид страницы оформления заказа

Эти шаблоны можно редактировать: менять расположение блоков и добавлять новые. Если ваша тема содержит такие же шаблоны, они автоматически заменят стандартные шаблоны WooCommerce.

Разработчикам: чтобы переопределить шаблоны WooCommerce в своей теме, разместите изменённые файлы в папке /templates вашей темы.

Создание собственных шаблонов

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

Сброс настроек шаблона

Иногда проще сбросить шаблон к состоянию по умолчанию и начать заново. Это удалит все внесённые изменения.

  1. Перейдите в Внешний вид → Редактор.
  2. Откройте Шаблоны.
  3. Найдите нужный шаблон и нажмите на меню с тремя точками.
  4. Выберите Сбросить.
Сброс шаблона WooCommerce

Также можно:

  1. Открыть Внешний вид → Редактор.
  2. Перейти в Шаблоны.
  3. Открыть нужный шаблон.
  4. Нажать на меню (⋮) рядом с названием.
  5. Выбрать Сбросить.
Сброс шаблона через редактор

Важно: это действие нельзя отменить — все изменения шаблона будут удалены.

Части шаблонов и паттерны

Для создания гибких и переиспользуемых макетов используйте:

  • Части шаблонов — для управления шапкой, подвалом и другими общими элементами.
  • Паттерны — для быстрого создания блоков и сохранения единого стиля.
Поделиться с друзьями
Документация WooCommerce