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 '16 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"/>. – Luis Garcia Aug 5 '16 at 17:46
  • @AmitBera could you help? – Luis Garcia Aug 11 '16 at 3:58

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, privacy policy and cookie policy

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