{"id":1674,"date":"2021-04-04T05:58:04","date_gmt":"2021-04-04T05:58:04","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/move-related-products-above-product-tabs-in-magento-2\/"},"modified":"2025-07-17T09:25:52","modified_gmt":"2025-07-17T03:55:52","slug":"move-related-products-above-product-tabs-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/move-related-products-above-product-tabs-in-magento-2\/","title":{"rendered":"How to Move Related Products Above Product Tabs in Magento 2"},"content":{"rendered":"\n

In today\u2019s E-commerce market, having a great product or service is simply not enough because the conversion rate for customers can only be increased by a visually appealing online store as well as a convenient purchase process.<\/p>\n\n\n\n

Providing convenience to the customers while purchasing any product and pushing them towards conversion quickly is one of the most important aspects that directly affect the sales ratio.<\/p>\n\n\n\n

Also, optimizing the store design to increase the average order value is a real thing!<\/p>\n\n\n\n

For example, if you are cross-selling products<\/a> in your Magento 2 store by displaying related products, you can move related products above product tabs in Magento 2<\/strong><\/em>.<\/p>\n\n\n\n

By doing so, you decrease\u00a0the irrelevant need for scrolling,\u00a0 increase the average order value, provide your customer a chance to purchase the product they may need, and eventually increase the sales of your\u00a0Magento 2\u00a0store; using the below solution.\u00a0<\/p>\n\n\n\n

Method to Move Related Products Above Product Tabs in Magento 2<\/h2>\n\n\n\n

The default Magento 2 shows related products as shown below:<\/p>\n\n\n

\n
\"How<\/figure>\n<\/div>\n\n\n

Add below code to existing Module or Theme layout file catalog_product_view.xml<\/strong><\/p>\n\n\n\n

<move element=\"product.info.details\" destination=\"content.aside\"  after=\"catalog.product.related\"\/><\/pre>\n\n\n\n
OR you can also use this<\/p>\n\n\n\n
<move element=\"catalog.product.related\" destination=\"content\" before=\"product.info.details\"\/><\/pre>\n\n\n\n
If a related product block gets overlapped or added into product info\/product media content then just add CSS like mentioned below:<\/p>\n\n\n\n
.block.related{\nclear: both;\n}<\/pre>\n\n\n\n
If you want to move upsell products above the product tab then use the below code.<\/p>\n\n\n\n
<move element=\"product.info.details\" destination=\"content.aside\"  after=\"product.info.upsell\"\/><\/pre>\n\n\n\n
The output will be display as shown below:<\/p>\n\n\n
\n
\"How<\/figure>\n<\/div>\n\n\n

That\u2019s easy, right?<\/p>\n\n\n\n
Thank You.<\/p>\n","protected":false},"excerpt":{"rendered":"
In today\u2019s E-commerce market, having a great product or service is simply not enough because the conversion rate for customers can only be increased by…<\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-1674","post","type-post","status-publish","format-standard","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=1674"}],"version-history":[{"count":3,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1674\/revisions"}],"predecessor-version":[{"id":18146,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/1674\/revisions\/18146"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=1674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=1674"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=1674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}