Hello Magento Friends,

In today’s blog, we will learn about product tabs reordering for your Magento 2 store.

By default, Magento 2 displays tabs such as Details, More Information, and Reviews.

product tabs - default

However, you may want to reorder these tabs to better suit your store’s needs and enhance the user experience.

In this blog post, we will guide you through the process of reordering product tabs in Magento 2.

Steps to Reorder Product Tabs in Magento 2:

Step 1: First, we need to create a catalog_product_view.xml file inside the extension at the following path.

app\code\Vendor\Extension\view\frontend\layout\

Then add the code as follows

Step 2: After that, if details.phtml file does not exist in the Theme directory then copy from vendor/magento-catalog-view/frontend/templates/product/view/details.phtml to

app/design/frontend/Themes/Your_Theme/Magento_Catalog/templates/product/view/details.phtml and add the code as below.

Output:

Visit a product page on your store, and you should see the product tabs reordered according to the order specified in your catalog_product_view.xml file. 

product tabs - reordered

Conclusion:

By following this guide, you can customize the appearance of your product pages to better match your store’s design and improve the overall user experience.

Relevant Read – How to Add Custom tab in Magento 2 Product Page

For further customization, Hire a Magento Developer.

Share the solution with your friends and stay in touch with us for more.

Happy Coding!

Click to rate this post!
[Total: 0 Average: 0]