title: How to show my custom woocommerce products in 4 columns?
body: <p>I am building a custom woocommerce shop page. Right now they are showing in a single column, one after another. </p>
  
  <p>But I want to show the products in 4 columns. Please help. </p>
  
  <p>Here is my code </p>
  
  <pre><code>&lt;section class="text-center jp-p-60"&gt;
  
        &lt;div class="row shop-listing"&gt;
  
          &lt;div class="col-6 col-lg-3 jp-p-15"&gt;
            &lt;div class="bg-center"&gt;
                &lt;?php /* image*/
          do_action( 'woocommerce_before_shop_loop_item_title' );
          ?&gt;
              &lt;b class="btn btn-outline-white rounded-0 font-weight-bold"&gt;&lt;?php /* price*/
          do_action( 'woocommerce_after_shop_loop_item_title' );
          ?&gt;&lt;/b&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
        &lt;/div&gt;
  
  
  
      &lt;/section&gt;
  </code></pre>