Подкатегории в WooCommerce

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

1. Создание подкатегорий товаров в WooCommerce

Шаги для создания подкатегорий:

1. Перейдите в Товары > Категории.
2. Введите название новой категории в поле Название.
3. Введите Ярлык (slug) — это будет URL-адрес категории (например, "odezhda").
4. В поле Родительская категория выберите основную категорию, к которой будет принадлежать ваша подкатегория.
5. Загрузите изображение категории, если это необходимо (это изображение будет использоваться для визуального представления категории).
6. Нажмите Добавить новую категорию.

Теперь созданная категория будет подкатегорией выбранной родительской категории.

2. Отображение подкатегорий в WooCommerce

2.1 Отображение подкатегорий на странице категории

WooCommerce автоматически отображает подкатегории на страницах категорий товаров. Однако иногда темы или настройки могут отключить это поведение. Чтобы убедиться, что подкатегории отображаются:

1. Перейдите в WooCommerce > Настройки > Товары.
2. Откройте вкладку Отображение.
3. В разделе Каталоги товаров выберите опцию Показывать категории или Показывать категории и товары в зависимости от ваших потребностей.

2.2 Использование шорткодов для вывода подкатегорий

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

Пример шорткода для вывода подкатегорий:

Параметры шорткода:

• number: количество категорий, которые будут отображены.
• parent: 0 выводит только родительские категории, а указание ID родительской категории покажет её подкатегории.

Пример шорткода для вывода подкатегорий конкретной категории:

Замените 15 на ID основной категории, чтобы вывести её подкатегории.

2.3 Отображение подкатегорий с помощью виджетов

WooCommerce предоставляет виджет для отображения категорий и подкатегорий в боковой панели или в других областях сайта.

1. Перейдите в Внешний вид > Виджеты.
2. Найдите виджет Категории товаров.
3. Перетащите виджет в нужную область (например, боковую панель).
4. Настройте параметры виджета:
   • Показать только категории с товарами — показывать только те категории и подкатегории, в которых есть товары.
   • Показать иерархию — чтобы отображать подкатегории как вложенные элементы.
5. Сохраните настройки.

3. Стилизация отображения подкатегорий

Если вы хотите изменить внешний вид подкатегорий на страницах категорий, вы можете сделать это с помощью CSS.

Пример CSS для стилизации подкатегорий:

1. Перейдите в Внешний вид > Настроить > Дополнительные стили CSS.
2. Добавьте следующий CSS-код для стилизации подкатегорий:

4. Отображение товаров и подкатегорий вместе

Иногда может потребоваться одновременно отображать товары и подкатегории на одной странице. WooCommerce позволяет это настроить через панель администратора.

Шаги для настройки:

1. Перейдите в WooCommerce > Настройки > Товары > Отображение.
2. В разделе Каталоги товаров выберите Показывать категории и товары.
3. Нажмите Сохранить изменения.

5. Удаление подкатегорий из вывода

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

Пример кода для скрытия подкатегорий:

1. Добавьте следующий код в файл functions.php вашей темы: