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/
Table of Contents
Go to this link: Â admin > Store > Product > Add New Attribute
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
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>
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.
BI Trends in 2025 — Every business is driven by data, and they use data…
The pandemic brought a huge difference in consumer behavior, digital adoption, and online sales rate.…
To optimize website layouts effectively is one of the most crucial steps in enhancing site…
In the manufacturing industry, staying ahead of the competition is essential for long-term success. As…
In the current virtual world, mobile apps have become a crucial part of our daily…
Strapi CMS for Magento 2 Headless Projects is transforming how e-commerce owners manage complex content…