title: Wordpress, Woocommerce Storefront Related Products
body: <p>I would like to move the Related Products on the Products page to a lower position with a full width column, so I have defined the following in the functions.php file to do just that;</p>
  
  <pre><code>// Move related products
     remove_action('woocommerce_after_single_product_summary','woocommerce_output_related_products',20);
     add_action('storefront_before_footer','woocommerce_output_related_products',20);
  </code></pre>
  
  <p>However, by doing so the related products now presumably are outside of some important loop, because they are now being displayed on the category archive pages.</p>
  
  <p>Does anyone know of (a) How to either restrict the output to product pages (without display:none; in the style sheet) -or- (b) another defined position where I can place the content outside (below) the div and presumably sidebar but retain relevance of the related products to the product page displayed?</p>
  
  <p>I'd prefer not to be trying to re-engineer the html output for the and , I'm sure you'll understand that doing so would have a great deal of impact.</p>
  
  <p>Another idea I guess (whilst not ideal or the right way), could be to use jQuery.</p>