Woocommere, как вывести товары под категорией на странице магазина?

Question

[Никита]

Магазин на Wordpress с использованием Woocommerce.
На странице товаров ("Shop"), из админки можно вывести категории (обязательно с изображением категории!) и под ними уже все товары, пример:
Мне необходимо вывести товары под каждой категорией, к которой этот товар принадлежит, пример:

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

Пытался в шаблоне категорий выводить товар, который принадлежит к этой категории, но у $product нету поля к какой категории он относится.

Если у кого есть рабочий код или плагин, буду благодарен!

Answer 1

[Никита]

Если кому-то понадобится, нашел часть кода, которая выводит товары под категориями списком.
Ну, а остальной внешний вид "Допилите"))

$args = array(
    'number'     => $number,
    'orderby'    => 'title',
    'order'      => 'ASC',
    'hide_empty' => $hide_empty,
    'include'    => $ids
);
$product_categories = get_terms( 'product_cat', $args );
$count = count($product_categories);
if ( $count > 0 ){
    foreach ( $product_categories as $product_category ) {
        echo '<h4><a href="' . get_term_link( $product_category ) . '">' . $product_category->name . '</a></h4>';
        $args = array(
            'posts_per_page' => -1,
            'tax_query' => array(
                'relation' => 'AND',
                array(
                    'taxonomy' => 'product_cat',
                    'field' => 'slug',
                    // 'terms' => 'white-wines'
                    'terms' => $product_category->slug
                )
            ),
            'post_type' => 'product',
            'orderby' => 'title,'
        );
        $products = new WP_Query( $args );
        echo "<ul>";
        while ( $products->have_posts() ) {
            $products->the_post();
            ?>
                <li>
                    <a href="<?php the_permalink(); ?>">
                        <?php the_title(); ?>
                    </a>
                </li>
            <?php
        }
        echo "</ul>";
    }
}

Comments

[al_criat]

Боже как ты меня выручил=) Для тех кому надо прикрутить к каталогу woo можно сделать так

add_action( 'woocommerce_after_subcategory', 'action_function_name_933' );
function action_function_name_933( $category ){
$product_categories = get_terms( 'product_cat', $category );
$count = count($product_categories);
if ( $count > 0 ){
    foreach ( $product_categories as $product_category ) {        
        $args = array(
            'posts_per_page' => -1,
            'tax_query' => array(
                'relation' => 'AND',
                array(
                    'taxonomy' => 'product_cat',
                    'field' => 'slug',
                    // 'terms' => 'white-wines'
                    'terms' => $product_category->slug
                )
            ),
            'post_type' => 'product',
            'orderby' => 'title,'
        );
        $products = new WP_Query( $args );
        echo "<ul>";
        while ( $products->have_posts() ) {
            $products->the_post();
            ?>
                <li>
                    <a href="<?php the_permalink(); ?>">
                        <?php the_title(); ?>
                    </a>
                </li>
            <?php
        }
        echo "</ul>";
    }
}
}

Answer 2

[Иван Козлов]

Сам вопрос можно разделить на 2 части:

- Верстка. Тут надо либо уметь самому, либо заказать у кого-то. Готового варианта Вам не предоставят.

- Программирование этого функционала.
У wc есть в настройках режим отображения каталога. Можно выводить подкатегории (если они есть), можно подкатегории и товар, можно только товар - возможно этого будет достаточно.
Либо можно писать свой функционал. Вам нужно получить все категории таксономии products_cat через функцию get_terms();. Затем перебирать вся категории через foreach и формировать запросы для получения списка товара на основе wp_query. Ну и выводить список товаров.