...

Скидка 30% на все шаблонные сайты до 31 января 2026

Как создать категорию в WooCommerce с уникальным дизайном

Если вы хотите, чтобы одна или несколько категорий имели уникальный дизайн или дополнительные блоки, вы можете создать для них отдельный шаблон. Для этого перейдите в панель управления WordPress, откройте раздел Brizy и выберите вкладку «Шаблоны».

На странице Шаблоны нажмите кнопку «Добавить новый шаблон», чтобы создать отдельный дизайн специально для нужной категории.

{{brizy_dc_image_alt imageSrc=

Далее вам нужно настроить новый шаблон. Последовательно выполните следующие шаги:

1. Укажите название шаблона.

Например, я назвал шаблон «Магазин - Категория > Цветущие растения», потому что он будет использоваться именно для категории «Цветущие растения».

2. Выберите тип.

Выберите тип - «Архив продуктов».

3. Выберите категорию.

Выберите - «Категорию»

4. Добавьте условие.

Откройте список категорий и выберите конкретную категорию, для которой создаётся шаблон — в моём случае это «Цветущие растения».


5. Добавьте шаблон

Нажмите кнопку «Добавить», чтобы к выбранной категории применился шаблон.

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

6. Опубликуйте шаблон.

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

Готово — уникальный дизайн категории теперь активен.

{{brizy_dc_image_alt imageSrc=

Теперь можно перейти к созданию самого шаблона категории. Для этого нажмите кнопку «Редактировать с Brizy». Откроется конструктор страниц, где вы сможете собрать и оформить индивидуальный дизайн именно для этой категории.

{{brizy_dc_image_alt imageSrc=
{{brizy_dc_image_alt imageSrc=

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

Я перехожу в раздел шаблонов и сохраняю блок, который используется для всех категорий магазина. Затем вставляю этот блок в новый шаблон и использую его как основу для уникальной категории «Цветущие растения». Такой подход ускоряет работу и сохраняет единый стиль магазина.

{{brizy_dc_image_alt imageSrc=
{{brizy_dc_image_alt imageSrc=
{{brizy_dc_image_alt imageSrc=
{{brizy_dc_image_alt imageSrc=

Мы добавили блок в шаблон который управляет категорией «Цветущие растения».

Теперь важно настроить, какие записи будут выводиться внутри этого шаблона. Для этого откройте настройки элемента и перейдите во вкладку «Фильтр». Здесь выберите источник данных — «Товары», чтобы Brizy показывал именно товары из WooCommerce.

{{brizy_dc_image_alt imageSrc=
{{brizy_dc_image_alt imageSrc=
{{brizy_dc_image_alt imageSrc=

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

Для этого нажмите на значок плюса между существующими блоками — новый блок появится именно в выбранной точке. Это позволит разместить уникальный контент именно там, где он нужен.

{{brizy_dc_image_alt imageSrc=

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

{{brizy_dc_image_alt imageSrc=
{{brizy_dc_image_alt imageSrc=

Мы успешно создали шаблон, который теперь управляет отображением категории «Цветущие растения». Не забудьте сохранить изменения — для этого нажмите кнопку «Обновить».

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

{{brizy_dc_image_alt imageSrc=

Автор

Поделиться

Комментарии

Добавить комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля отмечены *

Все шаблонные сайты

{{brizy_dc_image_alt imageSrc=
Бесплатная консультация
Серафинит - АкселераторОптимизировано Серафинит - Акселератор
Включает высокую скорость сайта, чтобы быть привлекательным для людей и поисковых систем.