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

Rewriting eCommerce Content for Scalable Growth in the AI Era

eCommerce Content has become a critical growth driver in today’s highly competitive, AI-driven digital marketplace.…

16 hours ago

Powerful AI Tools That Are Transforming How Developers Handle Documentation

Documentation remains one of the biggest challenges in modern software development. Every developer knows the…

2 days ago

Why Web Design and Web Development Are Critical for Business Growth and Success

Websites are the cornerstone of any modern enterprise because they are the primary means by…

5 days ago

How Rule Fatigue Silently Destroys Ecommerce and Causes Account Failures in Prop Trading

Not all e-commerce businesses fail dramatically. Many don’t collapse due to a single major mistake,…

1 week ago

Power Up E-commerce Growth with Custom AI Development Studios in 2026

AI Development Studio solutions are rapidly becoming a core driver of modern e-commerce success. Online…

1 week ago

How GPU Cloud Server Technology Is Transforming Magento 2 & eCommerce Performance

Modern eCommerce businesses are no longer driven only by attractive storefronts or basic hosting solutions.…

1 week ago