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 Powerful Visitor Check-in Kiosk Software Solutions in 2025

The way businesses manage visitors has changed a lot in recent years. From front desks…

2 days ago

Powerful Ways Managed IT Services and Video SEO Supercharge eCommerce Performance & Engagement

Managed IT Services and Video SEO are two powerful strategies that can transform your eCommerce…

2 days ago

6 Smart Strategies High-Performing Brands Use to Succeed in a Digital Marketing Campaign

Today’s digital landscape is more dynamic and competitive than ever, with countless brands trying to…

2 weeks ago

7 WooCommerce Menu Cart Features That Boost Sales and Improve Checkout

Running an online store takes more than just having nice products because the way your…

2 weeks ago

10 Ways Tech Candidates Can Make Their Strengths Obvious to Hiring Managers

Can Make Their Strengths Obvious – this is what every tech candidate and developer must…

2 weeks ago

Why WooCommerce Testing Is Crucial for eCommerce Success in 2025

In the fast-paced world of eCommerce, ensuring your online store operates seamlessly is no longer…

3 weeks ago