How to Create custom Tab in magento2

Blog
Spread the love

Tab : – Tabs in Magento 2 can be customized and extended to meet the specific needs of an
online store. Developers and store owners can add new tabs, rename existing tabs, and
modify the content of tabs to display custom data. This flexibility allows store owners to create
a personalized user interface that meets the unique needs of their business.

To create a custom tab in Magento 2, please follow the below steps:

Step1 – Firstly, create registration.php file inside app\code\BluethinkInc\AddCustomTab

Step2 – create module.xml file inside app\code\BluethinkInc\AddCustomTab\etc

Step3 – create routes.xml file inside app\code\BluethinkInc\AddCustomTab\etc\adminhtml

Step4 – create menu.xml file inside app\code\BluethinkInc\AddCustomTab\etc\adminhtml

Step5 – create GridTab.php file inside app\code\BluethinkInc\AddCustomTab\Controller\Adminhtml\Index

Step6 – create DataProvider.php file inside app\code\BluethinkInc\AddCustomTab\Model\CustomTab

Step7 – create popupmodal_index_gridtab.php file inside app\code\BluethinkInc\AddCustomTab\view\adminhtml\layout

Step8 – create grid_tab_listing file inside app\code\BluethinkInc\AddCustomTab\view\adminhtml\ui_component

Now, run below commands

Here is your output

blog_output_img

bluethinkinc_blog

bluethinkinc_blog

2023-04-11

0

Leave a Reply

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

Find More Blogs

How to Add a Custom Tab to the Customer Order Detail Page in Magento 2

Spread the love Adding a custom tab to the Order Detail

Exception Handling in Java

Spread the love Introduction – Exception:An unwanted

How to add custom less file in Magento2

Spread the love Source files *.css included into layout

Spring Boot Microservices

Spread the love Microservices architecture has become

Implementation of WireMock for better testing

Spread the love WireMock is a flexible and powerful tool

Magento 2: How to selected default option in configurable options?

Spread the love Configurable products in Magento 2 allow

How To Implement Simple JWT Authentication in Django Rest Framework

Spread the love We’ll learn how to use simple JWT

Optimizing Search: Integrating Elasticsearch in Django Applications

Spread the love What is Elasticsearch? Elasticsearch is a

How to create Customer Segments

Spread the love In Magento 2, “customer

Proxy Design Pattern and Requisition List in Magento 2

Spread the love Requisition List in Magento 2 Requisition

bluethinkinc Blogs