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.
Digital fitness is booming. Millions of users worldwide are shifting from traditional gyms to mobile…
Having your Magento store up and running requires more than having a good platform when…
Running a business today isn’t easy. Technology problems can slow you down and leave your…
Everyone with a strong exposure to online stores and eCommerce are very aware about platforms…
Have you witnessed your clients placing items into their shopping cart, only for them to…
In the global business arena, AI vs Traditional B2B eCommerce has altered how businesses interact,…
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.