您应该首先进行查询以检索所有类别。这可以通过以下方式完成：

$categories = get_categories(array(\'hide_empty\'=> 0,));

foreach ($categories as $category) {
    $params = array(
        \'posts_per_page\' => -1, 
        \'post_type\' => \'product\', 
        \'cat\' => $category->term_id, 
    ); 
    $wc_query = new WP_Query($params);
    //From here you can start outputting your query
    if ($wc_query->have_posts()) { ?>
        <div id="<?php echo $category->term_id;?>" class="product-list-grid">
        while ($wc_query->have_posts()) {
            $wc_query->the_post(); ?>
            <div class="product-grid">
                <a href="<?php the_permalink(); ?>">
                   <?php the_post_thumbnail(); ?>
                   <?php the_title(); ?>
                </a>
            </div><?php
        }
        wp_reset_postdata();?>
        <a class="more-products" href="#" onclick=" document.getElementById("<?php echo $category->term_id;?>").style.height = "auto";">More</a>
        </div><?php
    }
}

现在让我们来设计一下，好吗？

.product-list-grid {
    width:100%;
    height:100px;
    padding:10px;
    float:left;
    display:block;
    position:relative
}

.product-grid {
    float:left;
    width:auto;
    height:80px;
    display:block
}

.product-grid img {
    float:left;
}

.more-products {
   position:absolute;
   bottom:10px;
   right:10px;
}