title: Woocommerce related products section shows the same products
body: <p>I would like to display the related products section on my product pages, but it shows the actual product in all columns. 
  Here is my code:</p>
  
  <pre><code>&lt;?php
      while ($loop-&gt;have_posts()): $loop-&gt;the_post();
          $featured_image = wp_get_attachment_image_src(get_post_thumbnail_id($product-&gt;get_id()), 'single-post-thumbnail'); ?&gt;
          &lt;div class="col-lg-3 related-tour"&gt;
              &lt;article&gt;
                  &lt;div class="featured-image" style="background-image: url(&lt;?php echo (!empty($featured_image)) ? $featured_image[0] : '';?&gt;);"&gt;&lt;/div&gt;
                  &lt;div class="article-info"&gt;
                      &lt;h2&gt;
                          &lt;a href="&lt;?php echo $product-&gt;get_permalink();?&gt;"&gt;&lt;?php echo $product-&gt;get_name();?&gt;&lt;/a&gt;
                      &lt;/h2&gt;
                      &lt;p class="category"&gt;
                          &lt;span&gt;&lt;?php pll_e( 'Categories:' ); ?&gt;&lt;/span&gt;
                          &lt;?php echo $product-&gt;get_categories(', ', ' ' . __(' ', '  ', $cat_count, 'woocommerce') . ' ', ' ');?&gt;
                      &lt;/p&gt;
                  &lt;/div&gt;
              &lt;/article&gt;
          &lt;/div&gt;
      &lt;?php endwhile;?&gt;
      &lt;?php wp_reset_query();?&gt;
  </code></pre>
  
  <p>What should I change to fix this?</p>