Sometimes we need to add a custom tab on the product edit page for separate grouping of attributes, so here we will see how we can achieve that.<\/p>\n\n\n\n
We need to add product_form.xml inside Vendor\/Module\/view\/adminhtml\/ui_component folder i.e,<\/p>\n\n\n\n
<form xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc\/ui_configuration.xsd">\n <htmlContent name="custom.setting" sortOrder="6">\n <argument name="data" xsi:type="array">\n <item name="wrapper" xsi:type="array">\n <item name="label" xsi:type="string" translate="true">Product Custom Tab<\/item>\n <item name="collapsible" xsi:type="boolean">true<\/item>\n <item name="opened" xsi:type="boolean">true<\/item>\n <\/item>\n <\/argument>\n <settings>\n <wrapper>\n <canShow>true<\/canShow>\n <componentType>fieldset<\/componentType>\n <\/wrapper>\n <\/settings>\n <block class="Vendor\\Module\\Block\\Adminhtml\\Catalog\\Product\\Edit\\CustomTab" name="custom.setting" >\n <arguments>\n <argument name="config" xsi:type="array">\n <item name="label" xsi:type="string" translate="true">Product Custom Tab<\/item>\n <item name="collapsible" xsi:type="boolean">true<\/item>\n <item name="opened" xsi:type="boolean">false<\/item>\n <item name="sortOrder" xsi:type="string">170<\/item>\n <item name="canShow" xsi:type="boolean">true<\/item>\n <item name="componentType" xsi:type="string">fieldset<\/item>\n <item name="group_code" xsi:type="string">advanced<\/item>\n <item name="dataScope" xsi:type="string"><\/item>\n <\/argument>\n <\/arguments>\n <\/block>\n <\/htmlContent>\n<\/form><\/pre>\n\n\n\nNow create block file Vendor\\Module\\Block\\Adminhtml\\Catalog\\Product\\Edit\\CustomTab.php<\/strong><\/p>\n\n\n\n
<?php\n\nnamespace Vendor\\Module\\Block\\Adminhtml\\Catalog\\Product\\Edit;\n\nuse Magento\\Backend\\Block\\Template\\Context;\n \nclass CustomTab extends \\Magento\\Framework\\View\\Element\\Template\n{\n \/**\n * @var string\n *\/\n protected $_template = 'product\/edit\/customtab.phtml';\n \n \/**\n *\n * @param Context $context\n * @param array $data\n *\/\n public function __construct(\n Context $context,\n array $data = []\n ) {\n \n parent::__construct($context, $data);\n }\n}<\/pre>\n\n\n\nAfter creating a block file, we have to create a template file in which we can write our custom code which will be visible inside the custom tab.
This template file will be called in tab content.<\/p>\n\n\n\nprotected $_template = \u2018product\/edit\/customtab.phtml\u2019<\/pre>\n\n\n\nNow, create template file in location Vendor\/Module\/view\/adminhtml\/templates\/product\/edit\/<\/p>\n\n\n\n
Add custom code in this template file.<\/p>\n\n\n\n
That’s all we have to do.<\/p>\n\n\n\n
Thank you
Happy Coding \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"