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

View Comments

Recent Posts

Top 10 Trusted Web App Development Companies to Elevate Your Digital Strategy

In today’s digital landscape, the rapid evolution of advanced web applications, particularly Progressive Web Apps…

2 hours ago

Why Your Retail Business Needs Big Data eCommerce In 2025?

As eCommerce booms, big data eCommerce will be all about providing insight into how to…

4 hours ago

The Best Role Of Magento 2 In Shaping The Future Of Ecommerce

The ecommerce industry is booming like never before. In fact, global retail ecommerce sales are…

1 day ago

13 Best Practices For Developing Custom WordPress Solutions

From brick-and-mortar retail to SaaS, a robust online presence is vital for business success. A…

3 days ago

AML Compliance In E-commerce: Why It’s Essential For Fraud Prevention?

In the e-commerce world, complying with Anti-Money Laundering (AML) regulations is more important than you…

6 days ago

How to Optimize Your Magento Store’s Marketing Strategy

Magento is the 4th most popular eCommerce platform used globally, and optimizing the marketing strategy…

1 week ago