Изменить количество столбцов в шаблоне Woocommerce

Question

Я работаю над шаблоном страницы для сайта Woocommerce, и я хотел бы отобразить ряд из четырех продуктов внутри этого шаблона, но по умолчанию он равен трем

код:

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

Я вижу, что добавление классов 'first' и 'last' к каждому первому и третьему элементу в строке мне просто необходимо знать, как это изменить.

Спасибо