{"id":1206,"date":"2024-03-01T19:20:11","date_gmt":"2024-03-01T13:50:11","guid":{"rendered":"https:\/\/magecurious.com\/blog\/?p=1206"},"modified":"2025-01-28T13:40:20","modified_gmt":"2025-01-28T08:10:20","slug":"how-to-create-custom-tab-on-product-view-page-in-magento-2","status":"publish","type":"post","link":"https:\/\/magecurious.com\/blog\/how-to-create-custom-tab-on-product-view-page-in-magento-2\/","title":{"rendered":"How To Create Custom Tab On Product View Page In Magento 2"},"content":{"rendered":"\n

Hello Everyone,<\/p>\n\n\n\n

In this blog, we will learn about how to Create Custom Tab on the Product View Page in Magento 2.<\/p>\n\n\n\n

Without wasting your time, let us guide you straight away. Follow the easy step given below to Create Custom Tab on Product View Page in Magento 2.<\/p>\n\n\n\n

STEPS FOR CREATE CUSTOM TAB ON PRODUCT VIEW PAGE IN MAGENTO 2<\/strong><\/p>\n\n\n\n

Step 1: Create file catalog_product_view.xml<\/strong><\/p>\n\n\n\n

app\/code\/Vendor\/Extension\/view\/frontend\/layout\/catalog_product_view.xml<\/strong><\/p>\n\n\n

\n<?xml version="1.0"?>\n\n<page layout="2columns-left" xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd">\n\n\u00a0\u00a0\u00a0\u00a0<body>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<referenceBlock name="product.info.details">\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<block class="Magento\\Catalog\\Block\\Product\\View" name="demo.tab" template="Vendor_Extension::demotab.phtml" group="detailed_info" >\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<arguments>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<argument translate="true" name="title" xsi:type="string">Magecurious Custom Tab<\/argument>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/arguments>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/block>\n\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/referenceBlock>\n\n\u00a0\u00a0\u00a0\u00a0<\/body>\n\n<\/page>\n<\/pre><\/div>\n\n\n
Step 2: Create demotab.phtml<\/strong><\/p>\n\n\n
\napp\/code\/Vendor\/Extension\/view\/frontend\/templates\/demotab.phtml\n\n<h2>This is a Custom Tab<\/h2>\n<\/pre><\/div>\n\n\n
Step 3: Finally run the below commands<\/strong><\/p>\n\n\n
\n$ php bin\/magento cache:clean\n\n$ php bin\/magento cache:flush\n<\/pre><\/div>\n\n\n
Step 4: Output:<\/strong><\/p>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
Final Thoughts:<\/strong><\/p>\n\n\n\n
So this was the easiest way which we have told you in this blog. This is how you can Create Custom Tab on the Product View Page in Magento 2. Hope you liked the blog.<\/p>\n\n\n\n
So quickly go to the comment box and tell me how you like this blog?<\/p>\n\n\n\n
Stay tuned with us on our site to get new updates of Magento.<\/strong><\/p>\n\n\n\n
Thanks for reading and visiting our site.<\/p>\n\n\n
      
          
        How useful was this post?      <\/p>              
        Click on a star to rate it!      <\/p>        
      
                      
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>              <\/ul>    <\/div>    
    <\/p>