Read More
Read More
Menu Close

    Display Custom Tab On Product View Page – Magento2

    Here we will see how to add new custom tab on product view page in magento2.
    First create file ‘catalog_product_view.xml’ in location ‘Webkul/Test/view/frontend/layout’

    <?xml version="1.0"?>
    <page layout="2columns-left" xmlns:xsi="" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    		<referenceBlock name="">
    			<block class="Magento\Catalog\Block\Product\View" name="" template="Webkul_Test::demo_tab.phtml" group="detailed_info" >
    					<argument translate="true" name="title" xsi:type="string">Demo Tab</argument>

    Now create file ‘demo_tab.phtml’ in location ‘Webkul/Test/view/frontend/templates’ and write content on the file.

    Custom Tab on Product Page

    Custom Tab
    If you want to use product details on this file, you can simply get product by “$product = $block->getProduct();

    	// get current product
    	$product = $block->getProduct();
    	echo $product->getName();
    	// Use product according to your requirement

    Searching for an experienced
    Magento 2 Company ?
    Read More
    . . .
    Discuss on Helpdesk

    Leave a Comment

    Your email address will not be published. Required fields are marked*


  • Pankti Shah
    How to give background color to this custom tabs?
  • Back to Top