Categories: Magento NewsProducts

A Quick Access To Create Custom Tab In Magento 2 Product Page Layout

In this post, i will show you how to Add Custom Tab in Magento 2 Product Page Layout

The first, check how to create a simple module at

http://www.venustheme.com/how-to-create-magento-2-module/

1. Create new attribute in Magento 2 Add Custom Tab to Product Page

Go to this link:  admin > Store > Product > Add New Attribute

2. Select a Attribute Sets for Magento 2 Product Page Layout

Go to this link: admin > Store > Attribute Set

You will drag and drop into one of the groups in Group block. For ex: to General tab

3. Update the new attribute for a product

4. Create a layout file

Go to this link: app/code/Ves/HelloWorld/View/frontend/layout/catalog_product_view.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
 <body>
  <referenceBlock name="product.info.details">
   <block class="Magento\Catalog\Block\Product\View" name="demo.tab" template="Ves_HelloWorld::custom_tab.phtml" group="detailed_info" >
    <arguments>
     <argument translate="true" name="title" xsi:type="string">Cutom Tab</argument>
    </arguments>
   </block>
  </referenceBlock>
 </body>
</page>

5. Create a template file

Go to this link:

app/code/Ves/HelloWorld/View/frontend/templates/custom_tab.phtml

<?php // Get current product
$product = $block->getProduct();
?>



<h1 style="color: #ff5501"><?php echo $product->getData('demo'); ?></h1>




Thank you for your attention about this Magento 2 Add Custom Tab to Product Page. If you have any question about this tutorial, please write your comment at the bottom page or watch more these below Related. Your comments will be supported professionally and effectively.

Related Tutorials for Magento 2 Product Page Layout

Admin Admin

Recent Posts

7 Powerful Ways Humanized AI Product Descriptions Boost Magento Store Conversions

Shoppers want language that feels natural, stirs curiosity, and helps them imagine how a product…

43 minutes ago

10 Best AI Software Development Companies to Watch in 2025

This article highlights the topmost AI software development companies redefining the AI landscape in 2025.…

1 week ago

Beyond the Plugin: Building Powerful Next-Generation B2B eCommerce With AI

For a long time, B2B eCommerce meant clunky interfaces and static catalogs. Businesses relied on…

1 week ago

Data-Driven Personalization Magento: How AI Dramatically Enhances Extensions

Generic online stores fail to convert visitors. They offer the same experience to every individual.…

2 weeks ago

Top 10 Extensions Every SEO Expert Must Use in 2025

If you’ve been in the SEO game for more than five minutes, you know one…

2 weeks ago

Magento 2 PWA Extensions: Top Modules for Progressive Web App Development

Your customers are on the go. They want speed and demand a seamless experience. A…

2 weeks ago