В WooCommerce можно вывести категории товаров несколькими способами. Вы можете отображать категории на главной странице магазина, в виджетах, на страницах и записях WordPress с помощью шорткодов или напрямую через код, добавленный в вашу тему. Ниже представлены несколько способов вывода категорий товаров в WooCommerce. 1. Использование шорткодов для вывода категорий WooCommerce предоставляет удобные шорткоды для вывода категорий на страницах или записях. С помощью шорткодов вы можете гибко настраивать количество отображаемых категорий, их внешний вид и поведение. Шорткод для вывода категорий: [product_categories number="12" columns="4" orderby="name" order="ASC" parent="0"] number: количество категорий для отображения (например, 12). columns: количество колонок для отображения категорий (например, 4). orderby: сортировка категорий (например, по имени > name, по ID > ID). order: порядок сортировки (ASC > по возрастанию, DESC > по убыванию). parent: если указано 0, выводятся только родительские категории. Пример использования: [product_categories number="8" columns="4" orderby="name" order="ASC"] Этот шорткод отобразит 8 категорий товаров, организованных в 4 колонки. Шорткод для вывода конкретных категорий: Если вам нужно вывести определённые категории товаров, можно использовать параметр ids для указания идентификаторов категорий. [product_categories ids="15, 23, 37" columns="3"] Этот шорткод отобразит только категории с ID 15, 23 и 37 в 3 колонки. 2. Использование виджетов для вывода категорий WooCommerce также предоставляет встроенные виджеты для вывода категорий товаров в боковых панелях или других областях, поддерживающих виджеты. Шаги для добавления виджета категорий: Перейдите в Внешний вид > Виджеты. Найдите виджет Категории товаров (WooCommerce Product Categories). Перетащите виджет в нужную область (например, боковая панель). Настройте параметры отображения: ? Название > добавьте заголовок для виджета. ? Показать количество товаров > выводить количество товаров в категории. ? Показывать иерархию > если включено, категории будут выводиться в виде дерева. ? Показывать только категории с товарами > включите, если нужно отображать только категории с наличием товаров. Теперь на вашем сайте будет отображён список категорий товаров, доступный в боковой панели или другой виджетной области. 3. Вывод категорий с использованием кастомного кода (PHP) Если вы хотите вывести категории товаров WooCommerce непосредственно в шаблонах вашей темы, можно использовать функции WooCommerce и WordPress для вывода категорий через PHP. Пример: Вывод списка категорий в шаблоне Добавьте следующий код в файл шаблона вашей темы, например, в front-page.php или archive-product.php: // Получаем все категории товаров $product_categories = get_terms( array( 'taxonomy' => 'product_cat', 'orderby' => 'name', 'order' => 'ASC', 'hide_empty' => true, // Показывать только категории с товарами ) ); if ( ! empty( $product_categories ) && ! is_wp_error( $product_categories ) ) { echo '<ul class="product-categories-list">'; foreach ( $product_categories as $category ) { echo '<li>'; echo '<a href="' . get_term_link( $category ) . '">'; echo $category->name; // Название категории echo '</a>'; echo '</li>'; } echo '</ul>'; } Этот код выводит список всех категорий товаров, у которых есть товары в наличии. Каждое название категории является ссылкой на соответствующую категорию. Пример: Вывод категорий с миниатюрами Если вы хотите вывести категории с их изображениями (миниатюрами), можно использовать следующий код: // Получаем все категории товаров $product_categories = get_terms( array( 'taxonomy' => 'product_cat', 'orderby' => 'name', 'order' => 'ASC', 'hide_empty' => true, // Показывать только категории с товарами ) ); if ( ! empty( $product_categories ) && ! is_wp_error( $product_categories ) ) { echo '<div class="product-categories-grid">'; foreach ( $product_categories as $category ) { $thumbnail_id = get_term_meta( $category->term_id, 'thumbnail_id', true ); $image_url = wp_get_attachment_url( $thumbnail_id ); echo '<div class="product-category-item">'; if ( $image_url ) { echo '<img src="' . esc_url( $image_url ) . '" alt="' . esc_attr( $category->name ) . '">'; } echo '<a href="' . get_term_link( $category ) . '">' . esc_html( $category->name ) . '</a>'; echo '</div>'; } echo '</div>'; } Этот код выводит список категорий с их миниатюрами (если миниатюра задана) и ссылками на соответствующие категории товаров. 4. Использование WP_Query для вывода категорий Вы можете использовать WP_Query для более гибкого получения категорий и товаров в них. Пример: Вывод товаров определённой категории $args = array( 'post_type' => 'product', 'posts_per_page' => 10, 'tax_query' => array( array( 'taxonomy' => 'product_cat', 'field' => 'slug', 'terms' => 'category-slug', // Замените на slug вашей категории ), ), ); $loop = new WP_Query( $args ); if ( $loop->have_posts() ) { while ( $loop->have_posts() ) { $loop->the_post(); wc_get_template_part( 'content', 'product' ); // Вывод шаблона товара } } else { echo __( 'Товаров не найдено' ); } wp_reset_postdata(); Этот код выводит 10 товаров из определённой категории с использованием slug категории. Вы можете использовать этот код для вывода товаров на пользовательских страницах или в шаблонах. 5. Стилизация вывода категорий После того как вы выведете категории с помощью шорткодов, виджетов или кастомного кода, вы можете стилизовать их отображение с помощью CSS. Вот пример CSS для стилизации категорий, выведенных в сетку: .product-categories-grid { display: flex; flex-wrap: wrap; gap: 20px; } .product-category-item { width: 23%; text-align: center; } .product-category-item img { max-width: 100%; height: auto; margin-bottom: 10px; } .product-category-item a { display: block; font-size: 16px; color: #333; text-decoration: none; } .product-category-item a:hover { color: #0073aa; } Этот CSS-код создаёт сетку категорий с миниатюрами и ссылками, при этом категории будут занимать 23% ширины экрана с отступами между ними. В WooCommerce есть несколько способов вывода категорий товаров. Вы можете использовать шорткоды, виджеты или кастомные PHP-функции для того, чтобы гибко настроить отображение категорий на страницах вашего интернет-магазина. Выбор подходящего способа зависит от ваших целей и уровня кастомизации.