This topic is a part of Product Management Series in Magento 2. You can jump on to the other parts here:For this purpose, I am going to teach you how to add a custom tab in Magento 2 for product details.
<?xml version="1.0"?> <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd"> <module name="Magenticians_Mymodule" setup_version="2.0.0" /> </config>
<?php \Magento\Framework\Component\ComponentRegistrar::register( \Magento\Framework\Component\ComponentRegistrar::MODULE, 'Magenticians_Mymodule', __DIR__ );
<?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="tab.tab" template="Magenticians_Mymodule::extra_tab.phtml" group="detailed_info" > <arguments> <argument translate="true" name="title" xsi:type="string">Extra Tab</argument> </arguments> </block> </referenceBlock> </body> </page>
<?php
$product = $block->getProduct();
?>
<h1 style="color: #ff6e17"><?php echo $product->getData('tab'); ?></h1> Let’s move on to running commands now. Note: All of the following commands will have to be run in the root directory of your Magento 2. Run this command now: php bin/magento module:status If you found the module in the disabled list, then you have to enable it by running the following command: php bin/magento module:enable Magenticians_Mymodule Lastly, just run all these commands: php bin/magento setup:upgrade php bin/magento cache:clean php bin/magento cache:clean Open the product page of your store and you will see the custom tab on it: Make Unlimited Customizations to Your Magento Store.
With Cloudways, Deploy Your Magento Store in Minutes and Add as many Customizations to it as you want.
In the highly competitive modern workplace, trust, and employee loyalty are crucial factors for long-term… Read More
In the ever-evolving world of small business developing and implementing effective marketing strategies is critical to… Read More
With one of the highest internet penetration rates, the UAE has set out to revolutionize… Read More
Artificial Intelligence (AI) has been continually evolving, leading to remarkable advancements in various industries. Among… Read More
Extensions, extensions and lots of extensions. We all love extensions, don’t we? After all, extensions… Read More
Software quality is crucial to a firm's success across industries in the quickly changing digital… Read More
View Comments
How do I order these tabs?
like this
Details - | - Reviews - | - Extra Tab
You have to use attribute for this. You can check this official layout instructions: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-instructions.html
the website show schema mismatch. i am using Magento ver. 2.1.6
Hello,
I have tested it on Magento ver. 2.1.6 and its working fine. Please try again, may be you have missed any step.
Upon creation of a new tab in magento 2 i need to add data in tabular form from admin. How can i do it ?
Hello,
Your query is not a part of this article but If I found any solution, I will inform you. Thanks
Hi, thanks for the tutorial. I tried it, but cannot make it work, my site throws an error:
a:4:{i:0;s:318:"Warning: include(/home/myusername/domains/my_domain/public_html/var/generation/Magento/Framework/App/FrontController/Interceptor.php): failed to open stream: No such file or directory in /home/myusername/domains/my_domain/public_html/vendor/magento/framework/Code/Generator/Io.php on line 158";i:1;s:2433:"#0 /home/myusername/domains/my_domain/public_html/vendor/magento/framework/Code/Generator/Io.php(158): MagentoFrameworkAppErrorHandler->handler(2, 'include(/home/n...', '/home/myusername/...', 158, Array)
what am I missing?
Corine
Hello,
Yes, you can create more tabs in the same module by adding another block catalog_product_view.xml and by creating new template file for this block same as you have created extra_tab.phtml. Thanks!
I walked through the tutorial and it worked great. When I tried to create a second additional tab using your method in the comments it just replaced the other new one. So I recreated the module and it doesn't show up. Should I do something different for the second tab?
Cracking description mate!
How do you hide the tab if you don't add any information to the attribute value?
Hello,
Only add the attribute set LAPTOP only on those product in which you want to show custom tab and its information.
Thank You.
Hello,
Only add the attribute set LAPTOP only on those product in which you want to show custom tab and its information.
Thank You.
hello, on my site (I think it depends on theme) if I add a custom tab, the whole tablist moves on top of page, else it stays on bottom... how can I avoid this? also my custom tab becomes the first one, I'd prefere it is the last one... thanks!
The new tab is showing on all products, even if they don't have the attribute set the new attribute belongs to. The tab is also showing if the attribute doesn't contain any content. How would you hide the tab in those situations?
Thanks for the tutorial!
HTTP ERROR 500
Please check your web server log. For more you can check this: https://magento.stackexchange.com/questions/100896/magento-2-500-internal-server-error
solved this error or still want to solutions for 500 error.