WooCommerce — как вывести категории над списком товаров

Плохо: Вывод категорий по-умолчанию

Хорошо: Вывод категорий над товарами

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

Для этого добавим код в function.php и настроим внешний вид с помощью CSS.

Настройка условий вывода категорий

$args = array(
    'parent' => $woocommerce_category_id,
);
$terms = get_terms( 'product_cat', $args );

В данном примере мы только получаем ID родительской категории. Но мы можем добавить ещё условия для вывода категорий. Например, сортировку по названию категории:

$args = array(
    'parent' => $woocommerce_category_id,
    'orderby'=> 'name',
    'order' => 'ASC'
);
$terms = get_terms( 'product_cat', $args );

orderby
(строка) сортировать по:

• id — по ID элементов (по умолчанию),
• parent — по ID родительских элементов,
• count — по количеству постов,
• name — по имени,
• slug — по ярлыку,
• term_group — по значениям колонки term_group в таблице wp_terms базы данных,
• include — в том же порядке, в котором указаны элементы в параметре include,
• meta_value и meta_value_num – по значению произвольного поля,
• none — без сортировки;

order
(строка) порядок сортировки.

• ASC — по возрастанию (по умолчанию),
• DESC — по убыванию;

hide_empty
(логическое) нужно ли добавлять в результат также и пустые категории:

• true — не нужно (по умолчанию),
• false — нужно;

Настройка отображения категорий

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