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.
Due to the ever-increasing reliance of businesses on third-party apps and integrations to complete processes…
Your website is a visual representation of your restaurant. It acts as a welcome mat…
The availability of no-code tools has made software development more accessible than ever before. Businesses…
Starting an e-commerce brand is not always a matter of building a powerful product. Your…
Generative artificial intelligence (AI) represents an exciting new frontier in technology with huge potential to…
Without proper organization, meetings can become a drain on productivity, leading to missed deadlines, forgotten…
View Comments
Nice walkthrough. Does this take into account not showing the tab when that attribute is empty?
can't get it work on Magento 2.1.0...Can you confirm the version of Magent o ?
thanks
Hi, its really tutorial, working fine to me!
you know how to make a image uploading filed like this? I have tried with textarea field with WYSWYG editor on but its not working as I expected :( any help, please?
Can you mention how to order the tab please, currently it is last.
Thank you for your thorough tutorial. What about different store views? I can only assign a signle block to my layout file and my site is multilingual! Any suggestions?
Thanks in advance! :)
I follow all the step but my custom tab does not show, please help me to solve out these problem
I follow the all the step but my custom tab does not show
How can I add the tab only if the attribute is there for a particular product?
I can't post code in the comment section.
Not working.