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

Top 5 Best Amazon Repricers with Inventory Management Integration for Maximum Profits

Amazon repricers with inventory management integration are essential tools for sellers who want to stay…

3 days ago

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…

6 days 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.…

2 weeks 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…

2 weeks 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…

3 weeks ago