Как сделать подкатегории в woocommerce

Как вывести подкатегории WordPress WooCommerce

Если вы хотите отобразить подкатегории в WordPress WooCommerce, вам понадобится использовать функцию wp_list_categories(). Эта функция позволяет вывести список категорий, включая подкатегории.

‘ . $categories . ‘

Вы можете настроить параметры функции wp_list_categories() в соответствии с вашими потребностями. Например, вы можете изменить ‘hide_empty’ => false на ‘hide_empty’ => true, чтобы скрыть пустые категории.

Примеры и инструкция

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

Шаг 1:

Ключевым шагом является нахождение функции, которая возвращает список подкатегорий. В WooCommerce это можно сделать с помощью функции get_term_children. Она принимает два параметра: идентификатор категории (term_id) и такие дополнительные параметры, как тип таксономии (taxonomy) и идентификатор таксономии (taxonomy_id). Например, чтобы получить подкатегории конкретной категории товаров, вы можете использовать следующий код:

$term_id = get_queried_object_id();
$subcategories = get_term_children( $term_id, ‘product_cat’ );

Шаг 2:

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

if ( ! empty( $subcategories ) ) echo ‘

• ‘;
  foreach ( $subcategories as $subcategory ) $category = get_term( $subcategory, ‘product_cat’ );
  echo ‘
• ‘ . $category->name . ‘
• ‘;
  >
  echo ‘

Шаг 3:

В завершение, добавьте этот код в нужное место вашего шаблона WooCommerce (например, файл single-product.php или archive-product.php), чтобы вывести подкатегории на странице товаров.

Работа с шаблонами

1. content-product_cat.php — этот шаблон используется для отображения списка подкатегорий в категории товаров. Он определяет, как будут отображаться заголовки, изображения и ссылки на подкатегории.

2. taxonomy-product_cat.php — этот шаблон определяет, как будет выглядеть страница категории товаров с подкатегориями. Здесь можно настроить макет страницы и расположение подкатегорий.

3. content-single-product.php — этот шаблон отвечает за отображение товара из определенной подкатегории. Здесь можно настроить отображение заголовка, изображений и описания товара.

4. taxonomy.php — этот шаблон используется для отображения страницы категорий вообще. Здесь можно настроить макет и содержимое страницы с подкатегориями.

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

Все шаблоны можно найти в папке «woocommerce/templates». Копируйте нужный файл в папку «your-theme/woocommerce» и вносите изменения, как вам необходимо.

Шаблон	Описание
content-product_cat.php	Отображение списка подкатегорий в категории товаров
taxonomy-product_cat.php	Отображение страницы категории товаров с подкатегориями
content-single-product.php	Отображение товара из определенной подкатегории
taxonomy.php	Отображение страницы категорий товаров

В примере выше термин «product_cat» указывает на таксономию «Категории товаров». Вместо «subcategories» можно указать любой класс для стилей.

Данный код следует разместить в файле single-product.php внутри блока или другом соответствующем месте на странице товара.

Использование плагинов

Для использования плагина, вам нужно сначала установить его в своей админ панели WordPress. Затем активируйте плагин и перейдите к его настройкам.

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

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

Конфигурация виджетов

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

Название виджета	Описание	Настройки
Виджет категорий	Отображает категории товаров	Выбор стиля отображения, количество видимых категорий
Виджет подкатегорий	Отображает подкатегории товаров	Выбор стиля отображения, количество видимых подкатегорий
Виджет новых товаров	Отображает список последних добавленных товаров	Выбор стиля отображения, количество видимых товаров

Чтобы настроить виджеты, необходимо перейти на страницу «Внешний вид» -> «Виджеты» в административной панели WordPress. Затем выберите виджет, который вы хотите настроить, и установите необходимые параметры. После настройки сохраните изменения, и виджет будет отображаться на вашем сайте согласно выбранным настройкам.

Таким образом, конфигурация виджетов позволяет легко отобразить подкатегории для удобной навигации по сайту WordPress WooCommerce.

3. Добавление ссылок на подкатегории: Если нужно добавить ссылки на подкатегории, можно воспользоваться функцией woocommerce_template_loop_category_link_open() для открытия ссылки перед названием подкатегории, а затем использовать функцию woocommerce_template_loop_category_title() для отображения названия подкатегории внутри ссылки. Затем можно использовать функцию woocommerce_template_loop_category_link_close() для закрытия ссылки.

4. Сортировка подкатегорий: Если требуется отсортировать подкатегории по определенному критерию, можно использовать атрибут orderby и order при вызове функции woocommerce_subcategory_thumbnail() . Например, можно отсортировать по алфавиту или по дате создания.

Вам также может понравиться

Во сколько в садике обед у старшей группы

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

Как включить пылесос ЛД: пошаговая инструкция

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

Как вывести побочную диагональ матрицы питон

В данном руководстве мы рассмотрим, как вывести побочную диагональ матрицы в языке программирования Python. Оно предназначено для начинающих, поэтому.

Формула в Excel для условного формирования и

В программе Excel очень полезной функцией является условная формула. С ее помощью вы можете выполнять различные действия в зависимости от выполнения.

• Обратная связь
• Пользовательское соглашение
• Политика конфиденциальности

Отображение категорий, подкатегорий и продуктов WooCommerce в отдельных списках

WooCommerce дает вам несколько вариантов того, что вы можете отобразить на своих страницах архива:

• товары
• категории (на главной странице магазина) или подкатегории (на страницах категорий)
• как продукты, так и категории.

Когда я настраиваю магазин, я обычно выбираю третий вариант: товары и категории / подкатегории. Это означает, что посетители моего магазина могут либо выбрать товары прямо с домашней страницы, либо уточнить свой поиск, перейдя в архив категории товаров.

Однако есть один недостаток при таком подходе: он отображает категории / подкатегории вместе, без разделения между ними. Это означает, что если изображения вашего продукта имеют размеры, отличные от изображений вашего продукта, макет может выглядеть немного грязно. Даже если ваши изображения имеют одинаковый размер, если одна из строк на странице архива содержит как категории, так и продукты, отсутствие кнопки «Добавить в корзину» для категорий делает эту строку неопрятной, поскольку не все ее элементы имеют такие же размеры.

В этом уроке я покажу вам, как отображать категории в отдельном списке перед отображением продуктов.

Для этого мы выполним четыре шага:

1. Определите код, который WooCommerce использует для вывода категорий и подкатегорий на страницах архива.
2. Создайте плагин для нашего кода.
3. Напишите функцию для размещения категорий или подкатегорий перед списком товаров.
4. Стиль вывода.

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

Что вам нужно

Чтобы следовать, вам нужно:

• Разрабатываемая установка WordPress.
• Редактор кода.
• WooCommerce установлен и активирован.
• Добавленные продукты — я импортировал фиктивные данные о продуктах, которые поставляются с WooCommerce; Подробнее о том, как это сделать, см. в этом руководстве .
• Активирована тема, совместимая с WooCommerce — я использую Storefront .

Прежде чем мы начнем: параметры по умолчанию

Давайте посмотрим на то, что WooCommerce дает нам по умолчанию.

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

Теперь давайте посмотрим, как WooCommerce отображает категории и продукты на страницах архива.

Если вы этого еще не сделали, перейдите в раздел WooCommerce> Настройки , выберите вкладку « Продукты », а затем выберите параметр « Показать» . Для каждого из параметров отображения страницы магазина и отображения категории по умолчанию выберите Показать оба :

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

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

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

Идентификация кода, который WooCommerce использует для вывода категорий и продуктов в архивах

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

Файл, который WooCommerce использует для отображения страниц архива, представляет собой archive-product.php , который находится в папке templates .

Внутри этого файла вы можете найти этот код, который выводит категории и продукты:

* woocommerce_before_shop_loop hook
* @hooked woocommerce_result_count — 20
* @hooked woocommerce_catalog_ordering — 30
do_action( ‘woocommerce_before_shop_loop’ );
Так что есть woocommerce_product_subcategories() которая выводит категории или подкатегории перед запуском цикла, который выводит продукты.

Функция является подключаемой, что означает, что мы можем переопределить ее в нашей теме. К сожалению, это не совсем работает, поскольку в WooCommerce есть встроенные стили для очистки элементов, которые отображаются в начале строки с отображением по умолчанию.

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

Примечание. Поскольку WooCommerce добавляет клиры в каждый третий список продуктов, мы не можем использовать woocommerce_product_subcategories() или ее отредактированную версию для отображения категорий. Это связано с тем, что он очистит третью, шестую (и т. Д.) Категорию или товар в списке, даже если мы будем использовать эту функцию для отдельного отображения категорий. Мы могли бы попытаться переопределить это, но проще просто написать нашу собственную функцию.

Итак, давайте создадим плагин, который делает это.

Создание плагина

В каталоге wp-content/plugins создайте новую папку и дайте ей уникальное имя. Я называю мои tutsplus-separate-products-categories-in-archives . Внутри этого создайте новый файл, снова с уникальным именем. Я использую то же имя: tutsplus-separate-products-categories-in-archives.php .

Откройте ваш файл и добавьте в него этот код:

Как создать подкатегории продукта в WooCommerce?

Вы когда-нибудь задавались вопросом, как создать подкатегории товаров в WooCommerce? Что ж, больше не удивляйтесь! В этой статье мы расскажем вам, как это сделать.

Во-первых, вам нужно войти в панель администратора WordPress и перейти в раздел Продукты. Там нажмите на кнопку Добавить новый.

Теперь вы увидите окно, где можно добавить новый продукт.

На этом экране вы увидите раздел Product Categories. Здесь вы можете выбрать родительскую категорию для вашего нового продукта. Если вы хотите создать подкатегорию, просто выберите родительскую категорию, а затем нажмите на кнопку Добавить новую категорию.

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

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

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

Как создать подкатегории продукта в WooCommerce?

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

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

Теперь ваша новая категория появится в списке категорий продуктов.

Как создать категории и подкатегории товаров для WooCommerce и настроить их SEO

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

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

Создаем категории в WooCommerce

На самом деле ничего сложного в данной задаче нет. Усилий потребуется минимум. Но перед тем, как начнем, установите любой SEO- плагин. От себя рекомендую Rank Math SEO. Инструкция по настройке сего инструмента оставляю здесь.

А для WooCommerce с помощью этого плагина можете сделать вообще замечательные вещи. Например, убрать префиксы / product / и другие раздражающие вещи без возни с кодом.

Теперь переходим к делу. Для начала нужно зайти в админку сайта → навестись на «Товары» в правом меню → перейти в «Категории».

Как видите, здесь вполне стандартный редактор. В нем нет ничего странного. Абсолютно такой же, как и для блога. Далее, конечно же, все просто.

Действуем по порядку:

1. Вводим название категории.
2. Вводим ярлык. Это часть url, которая следует после префиксов.
3. Добавляйте описание. Оно потом будет выводиться в мета.
4. Выберите тип отображения. В данном случае я создаю главную категорию, потому выбрал тип «Подкатегории». Также здесь можно выводить только товары, а также есть комбинированный способ отображения.
5. Загружаем изображение.
6. Нажимаем кнопку «Добавить категорию».
7. Готово!

Ну ладно, почти готово. Давайте адекватно заполним метатеги.

На скриншоте отметил, куда следует нажать, чтобы попасть в редактор метатегов. Далее прокрутите ниже, пока не наткнетесь на раздел Rank Math ( у других SEO- плагинов может быть иначе). Нажмите кнопку «Редактировать сниппет».

В этом окне вы можете ввести произвольные title и description. Если желаете, чтобы все генерировалось автоматически, то в правом меню найдите раздел Rank Math и наведите на него курсор → перейдите в раздел «Заголовки и метаданные».

Пролистайте чуть вниз и найдите раздел «Категории товаров».

Сделайте тоже самое, что и на скриншоте, расположенном ниже. В «Категория SEO- заголовок добавьте такой формат:

%term% %sep% %sitename%

А в «Метаописание категории» формат следует указать такой:

%term_description%

Все, теперь названия и описания, которые вы указывали при формировании категорий, автоматически становятся title и description.

Все отлично

Теперь вы умеете создавать категории и подкатегории для товаров в WooCommerce. Дальнейшая работа особых проблем для вас не составит. Спокойно делайте интернет-магазин.

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.

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