How to show 2 levels category structure

Hi @webreneszansz,

Thank you for getting back to me. To clarify, there is a default option in WooCommerce for what you’re trying to achieve, but it also depends on your theme and whether it supports this feature.

To set this up, go to Appearance → Customize → WooCommerce and make sure your shop page is set to display categories and the category display is set to show subcategories, as shown in the screenshot below:

After that, go to Products → Categories, and edit each of your parent categories to display only subcategories, as shown in the screenshot below. Make sure to choose subcategories instead of the standard option.

Depending on how your theme is designed, it may automatically display categories on the shop page and then show subcategories when a category is clicked. However, WooCommerce by default hides empty categories, so if a category only contains subcategories and no products, it is considered empty and won’t be displayed.

Some themes offer an option to show empty categories under Appearance → Customize → WooCommerce → Product Catalog, while others do not.

The solution is to use code to achieve this. First, you want to display empty categories (categories without products but with subcategories), and second, you need to ensure the count includes subcategories since WooCommerce’s default count only includes products. The code below can help accomplish this.

add_filter( 'woocommerce_product_subcategories_hide_empty', '__return_false' );

Show the product count including subcategories (optional; alternatively, you can hide the count with CSS and skip using the code below).

add_filter('woocommerce_subcategory_count_html', 'subcategory_and_product_count', 10, 2);
function subcategory_and_product_count($html, $category) {

    // Get all product IDs including children
    $args = array(
        'post_type'      => 'product',
        'posts_per_page' => -1,
        'post_status'    => 'publish',
        'tax_query'      => array(
            array(
                'taxonomy'         => 'product_cat',
                'field'            => 'term_id',
                'terms'            => $category->term_id,
                'include_children' => true,
            ),
        ),
        'fields' => 'ids',
    );

    $products = new WP_Query($args);
    $product_count = $products->found_posts;

    // Count subcategories
    $subcategories = get_terms(array(
        'taxonomy'   => 'product_cat',
        'parent'     => $category->term_id,
        'hide_empty' => false,
    ));
    $subcat_count = count($subcategories);

    $total_count = $product_count + $subcat_count;

    $html = ' <span class="count">(' . $total_count . ')</span>';
    return $html;
}

With this setup, you should be able to achieve your goal. Please note that the second snippet may need some adjustments depending on your theme, but in most cases, it should work. Both snippets can be added to your theme’s functions.php, a child theme, or via a code snippet plugin.

Let me know if you have any question.