Related Products Under Images

[Bruce - PhosphorMedia]

Is there a straightforward way of getting the Related Products "You may also like" to be DIRECTLY BELOW the main images instead of at the BELOW and at the END of the right column...pretty weird layout if you ask me.

[Matt Zimmermann]

Hi Bruce,

You can move the related products row element into the product-information--images DIV below the thumbnails.

[Bruce - PhosphorMedia]

Thanks that works (and is perfectly obvious once the coffee kicks in).

For prosperity, the exact location is

In the Product Details template

<!-- moved related images  -->
   <mvt:if expr="l.settings:related_product_count NE 0">
      <mvt:item name="related_products" />
   </mvt:if>
<!-- // moved related images -->
   </div>
   <!-- end product-information--images -->

And in the Related Products template, remove:

<div class="column whole medium-half">

from the beginning, and

the closing </div> tag at the end of the Related Product template.

[Protos]

Hi, interesting topic. Is there an example page to be seen?. And does it scale well on mobile devices? Thansk for the tip

Regards André loutchko aka Protos

[Bruce - PhosphorMedia]

the site is still under development, so not yet. There is an issue with the related products being under the image and before the description. For right now, we're just hiding it on mobile as our analysis show very few people use Related types of links (probably because they are at the very end of the product screen anyway).