In product page, product details tab appear below the images gallery along the full width of screen. Related products appear below the details tabs.

If details are moved to the right column (below the 'Add to cart' button), the related products block shrinks half screen.

How to make the related products block remain full width of screen?

  • 1
    please share ,your source code?
    – Amit Bera
    Aug 2, 2016 at 19:17
  • In the catalog_product_view.xml file from my theme, I've only added the following line to move the details tabs to the right column: <move element="product.info.details" destination="product.info.main" after="product_options_wrapper_bottom"/>. Aug 5, 2016 at 17:46
  • @AmitBera could you help? Aug 11, 2016 at 3:58

1 Answer 1


A quick fix is to set the CSS property clear: right for the upsell products block.

I still would like to understand why the upsell products block shrinks to half screen when details tabs product.info.details are moved to the product.info.main block.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.