Aleš Sýkora / February 11, 2021 / 2 comments

Display all WooCommerce categories and their products inside

Post summary: If you need to display all your WooCommerce categories in the list and their products inside, you can use mine code. For example you need to create one page layout for food felivery. Use my second tutorial, if you like to display all subcategories and its products on parent category archive. Page = Food Delivery…

If you need to display all your WooCommerce categories in the list and their products inside, you can use mine code. For example you need to create one page layout for food felivery.

Use my second tutorial, if you like to display all subcategories and its products on parent category archive.

Page = Food Delivery

  • Category 1
    • Product 1
    • Product 2
  • Category 2
    • Product 1
    • Product 2
<?php
$children = get_categories( array(
    'taxonomy'     => 'product_cat',
    'orderby'      => 'name',
    'pad_counts'   => false,
    'hierarchical' => 1,
    'hide_empty'   => false
) );

if ($children) {
  foreach ($children as $subcat) {
    echo '<h2><a href="' . esc_url(get_term_link($subcat, $subcat->taxonomy)) . '">' . // Display child taxonomy name
      $subcat->name . ' (' . $subcat->count . ')' . '</a></h2>' . $subcat->description; // Display child taxonomy item count
    $kategorie = $subcat->slug; // Set child category slug for each query of products
    $args = array(
      'post_type' => 'product',
      'product_cat' => $kategorie, 
    );
    $loop = new WP_Query($args);
    if ($loop->have_posts()) {
      while ($loop->have_posts()) : $loop->the_post(); ?>
        <h4><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); //Display product title ?></a></h4>
        <?php $product = wc_get_product(get_the_ID()); // get the WC_Product Object ?>
        <p><?php echo $product->get_price_html(); // Display product Price ?></p>
        <?php endwhile; ?><?php
                        } else {
                          echo __('No products found');
                        }
                        wp_reset_postdata(); // Reset Query
                          ?>
        <!--/.products-->
    <?php

  }
}
    ?>

Fuel my passion for writing with a beer🍺

Your support not only makes me drunk but also greatly motivates me to continue creating content that helps. Cheers to more discoveries and shared success. 🍻

2 comments

  • A
    Aleš Sýkora
    3 years ago Reply

    Hello Dee!

    I am not what do you want to do, but you can edit the main query and change the taxonomy to your taxonomy slug. If you want select only some categories, you propably need to add the slugs or ids of the taxonomy terms.

    
$children = get_categories( array(
    'tax_query' => array(
            array(
                'taxonomy' => 'genre', /*Taxonomy to get posts*/
                'field'    => 'slug',
                'terms'    => 'comedy', /*Term to work with*/
            ),
        ),
    'orderby'      => 'name',
    'pad_counts'   => false,
    'hierarchical' => 1,
    'hide_empty'   => false
) );
  • Dee
    3 years ago Reply

    Thank you! How would I modify this to show specific categories and their subcategory

Share Your Thoughts