Question

我正在使用我在woocommerce文档中找到的查询，它是一个示例产品循环。当我希望它们输出到带有网格列类的div时，它将所有内容输出为列表项。有没有办法在这个产品循环中做到这一点，还是我必须遵循另一个approch？

这是迄今为止的代码

 <?php
    $params = array(
        'posts_per_page' => 5, //No of product to be fetched
        'post_type' => 'product'
    );

    $wc_query = new WP_Query($params);
    if ($wc_query->have_posts()) :
        while ($wc_query->have_posts()) :
            $wc_query->the_post();
            ?>
            <?php the_title(); ?>
    <?php
        endwhile;
            wp_reset_postdata();
    else:  ?>
        <p><?php _e( 'No Products' );?></p> 
<?php endif; ?>

Answer 1

这可以解决您的问题。

<?php
    $params = array(
        'posts_per_page' => 5, //No of product to be fetched
        'post_type' => 'product'
    );

    $wc_query = new WP_Query($params);
    if ($wc_query->have_posts()) :
        echo '<div class="your-main-grid-class-or-container">';
        while ($wc_query->have_posts()) :
            $wc_query->the_post();
            ?>
            <?php echo '<div class="your-child-class">'; ?>
            <?php the_title(); ?>
            <?php echo '</div>'; ?>
    <?php
        endwhile;
        echo '</div>'; //ending main grid class
            wp_reset_postdata();
    else:  ?>
        <p><?php _e( 'No Products' );?></p> 
<?php endif; ?>

在Wordpress中更改产品查询的html输出结构

1 个答案: