How To Reorder Product Tabs In Magento 2

How To Reorder Product Tabs In Magento 2

A product page design in E-commerce is important as a potential customer is going to search for the product and not a brand in most of the cases. Moreover, product pages are the ones that are going to be shared maximum on social media.

An eCommerce page design plays a significant role to create the right visual effect, generate lead and conversion.

Additionally, an easy to follow design can enhance the users’ shopping experience!

When it comes to Magento 2, while developing a store, you may need to tweak the design of the default pages. It is to optimize the page for the better shopping experience and intrigue the visitors to stay on the page.

Reorder product tabs in Magento 2 as shown below:


Before - Product Tabs in Magento 2
After - reordered product tabs in Magento 2

Method to reorder product tabs in Magento 2:

  1. Create/change the file at app/design/frontend/Vendor/Theme/Magento_Catalog/layout/catalog_product_view.xml 
  2. If details.phtml file does not exist in Theme directory then
    copy from vendor/magento-catalog-view/frontend/templates/product/view/details.phtml to

That’s it.

Change the order of the tabs on the product page in Magento 2 store. Tweak the design of the product page based on buyer persona and content relevancy.

If you are stuck in between the steps, mention them in the Comments section below and I’d be happy to help.

Do share the solution with the fellow developers via social media.

Thank you.


Get Weekly Updates

Never miss Magento tips, tricks, tutorials, and news.

Thank you for subscribing.

Something went wrong.

(based on 10 Reviews)

Sanjay is a co-founder at Meetanshi. He is a Certified Magento Developer who loves creating Magento E-commerce solutions. Owing to his contributions in Magento Forums and posting solutions, he is among the top 50 contributors of the Magento community in 2019. When he is not engrossed with anything related to Magento, he loves to play cricket.

Leave a reply:

Your email address will not be published.