I am stuck, can’t get this loop to go inside the bootstrap row to get products in 3 collums.

<div class="container">
<div class="row">
<div class="col-sm-4 col-xs-12">

<ul class="products">
    <?php
        $args = array(
            'post_type' => 'product',
            'posts_per_page' => 12
            );
        $loop = new WP_Query( $args );
        if ( $loop->have_posts() ) {
            while ( $loop->have_posts() ) : $loop->the_post();
                wc_get_template_part( 'content', 'product' );
            endwhile;
        } else {
            echo __( 'No products found' );
        }
        wp_reset_postdata();
    ?>
</ul><!--/.products-->

</div>
</div>  <!--fecha row -->
</div> <!--fecha container-->

What am i missing here for this to output 3 collums?

Read more here: woocomerce products loop with botstrap row


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: