Quantcast
Channel: Webkul Blog
Viewing all articles
Browse latest Browse all 5504

Show Custom Tab On Product View Page – Magento2

$
0
0

Magneto-Code-Snippet
Here we will see how to add new 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="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="Webkul_Test::demo_tab.phtml" group="detailed_info" >
				<arguments>
					<argument translate="true" name="title" xsi:type="string">Demo Tab</argument>
				</arguments>
			</block>
		</referenceBlock>
	</body>
</page>

Now create file ‘demo_tab.phtml’ in location ‘Webkul/Test/view/frontend/templates’ and write content on the file.
demo_tab
If you want to use product details on this file, you can simply get product by “$product = $block->getProduct();

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

Viewing all articles
Browse latest Browse all 5504

Trending Articles