Изменение структуры вывода html для запроса продукта в Wordpress

Question

Я использую запрос, который я нашел в документации по woocommerce, это пример цикла товаров. Он выводит все как элементы списка, когда я хочу, чтобы они выводились в div с классом столбца сетки. Есть ли способ сделать это с помощью этого цикла продуктов или я должен следовать другому подходу?

вот код пока

 <?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; ?>