A Quick Access To Create Custom Tab In Magento 2 Product Page Layout

11
20404
magento-2-add-custom-tab-l

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/

Add Custom Tab in Product Page Magento 2

1. Create new attribute in Magento 2 Add Custom Tab to Product Page

Go to this link:  admin > Store > Product > Add New Attribute

1. Create new attribute in

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

2.Select a Attribute Sets for the attribute

3. Update the new attribute for a product

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>




5.Create a template file

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

11 COMMENTS

  1. 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?

  2. 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! 🙂

LEAVE A REPLY

*