Add a custom tab in product page Magento2

View more Magento 2 Themes

Name: magento-2-add-custom-tab-l.jpg Views: 14 Size: 120.3 KB

In this post, i will show you how to Add Custom Tab in Product Page Magento 2

The first, check how to create a simple module at

http://www.venustheme.com/how-to-cre...ento-2-module/

Name: 0.jpg Views: 12 Size: 47.0 KB

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

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

Name: I.jpg Views: 12 Size: 32.0 KB

2. Select a Attribute Sets for the 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

Name: 2.1.jpg Views: 12 Size: 38.4 KB

3. Update the new attribute for a product

Name: 1.1-1.jpg Views: 14 Size: 49.8 KB

4. Create a layout file

Go to this link: app/code/Ves/HelloWorld/View/frontend/layout/catalog_product_view.xml

PHP Code:
<?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:
[PHP]
1. app/code/Ves/HelloWorld/View/frontend/templates/custom_tab.phtml

1. <?php // Get current product
2. $product = $block->getProduct();
3. ?>
4
5
6
7. <?php // Get current product
$product = $block->getProduct();
?>




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.

View more threads in the same category: