Страница товара — это самая подробная информация о продукте, которую видит покупатель перед покупкой. В зависимости от того, что вы продаёте, можно показывать больше информации для помощи в выборе или сделать страницу проще, чтобы ускорить покупку.
С помощью редактирования магазина WooCommerce вы можете настроить структуру страницы товара под свои задачи.
Здесь описаны шаблоны и блоки, из которых состоит страница товара в WooCommerce при использовании блочных тем, а также способы создания отдельного шаблона для конкретного товара.
Шаблоны страницы товара
По умолчанию все страницы товаров используют шаблон «Один товар», если для конкретного товара не создан отдельный шаблон.
Также можно создавать собственные шаблоны для отдельных товаров.
Блоки
Большинство блоков в шаблоне «Один товар» простые и выполняют свою функцию. Эти блоки динамические — они автоматически отображают данные текущего товара.
Чтобы изменить содержимое блоков, нужно редактировать сам товар.
Блоки можно перемещать или удалять в шаблоне. Раздел «Похожие товары» можно перемещать целиком, но его внутренние элементы нельзя удалять.
Некоторые блоки не имеют дополнительных настроек, так как используют динамические данные.
Хлебные крошки магазина
Этот блок используется также в шаблонах каталога товаров. Он помогает улучшить навигацию и SEO.
Можно настроить цвет текста, ссылок и размер шрифта.
Уведомления магазина
В этом блоке отображаются сообщения WooCommerce и расширений. Например, уведомление о добавлении товара в корзину.
Блок можно использовать на любой странице или в шаблоне сайта.
Галерея изображений товара
Все изображения товара отображаются в виде галереи.
Название товара
Отображает название товара. Можно настроить выравнивание, размер заголовка и сделать название ссылкой.
Рейтинг товара
Показывает средний рейтинг на основе отзывов. Можно настроить цвет текста, размер и отступы.
Цена товара
Отображает цену товара. Доступны настройки цвета, типографики и размеров.
Краткое описание товара
Показывает краткое описание товара. Если оно не заполнено, используется сокращённое описание товара.
Можно настроить цвет, шрифт и отступы.
Добавить в корзину (с параметрами)
Кнопка добавления товара в корзину. В зависимости от типа товара могут отображаться дополнительные параметры (например, вариации или выбор количества).
Мета-данные товара
Включает SKU, категории и теги товара.
Детали товара
Блок с вкладками:
- Описание — полное описание товара
- Дополнительная информация — вес, размеры, атрибуты
- Отзывы — отзывы покупателей и форма добавления отзыва
Весь контент подгружается автоматически из данных товара.
Похожие товары
Показывает товары, связанные с текущим товаром. Можно настроить количество колонок, отображение изображений, заголовков и кнопки добавления в корзину.
Как создать шаблон для конкретного товара
Можно создать отдельный шаблон для одного товара:
- Перейдите в редактор сайта (Внешний вид → Редактор)
- Откройте раздел «Шаблоны» и нажмите «Добавить»
- Выберите «Один товар»
- Укажите конкретный товар
- Выберите готовый шаблон или начните с пустого
- Настройте шаблон под нужный товар
Важно: товар должен быть создан в магазине до создания шаблона.