title: Woocommerce custom shop page layout
body: <p><br>
  I have fixed all things in Woocommerce plugin as per my requirements, but i am unable to find one solution. Woocommerce default shop page products loop code is like this </p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;/li&gt;
    &lt;li&gt;&lt;/li&gt;
    &lt;li&gt;&lt;/li&gt;
    &lt;li&gt;&lt;/li&gt;
    &lt;li&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want it to change this code into this</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-md-4"&gt;
       // Product Loop Card here
    &lt;/div&gt;
    &lt;div class="col-md-4"&gt;
       // Product Loop Card here
    &lt;/div&gt;
    &lt;div class="col-md-4"&gt;
       // Product Loop Card here
    &lt;/div&gt;
    &lt;div class="col-md-4"&gt;
       // Product Loop Card here
    &lt;/div&gt;
    // etc etc etc
  &lt;/div&gt;
  </code></pre>
  
  <p>Screenshot of what gone wrong
  <a href="https://i.stack.imgur.com/g1hQn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/g1hQn.png" alt="enter image description here"></a></p>
  
  <p><strong>Which function/filter/hooks or custom template can do this? Please help me</strong></p>