Hello Magento Friends,

Today I am going to figure out How to Use Tab Widget in Magento 2.

Tabs are used to break content into various sections to save space. The user can switch between various tabs. Magento 2 provides many readymade widgets, using that widget you can create a standard theme very easily.

Let’s learn How to Use Tab Widget in Magento 2

Steps to Use Tab Widget in Magento 2:

Step 1: To do this, override list.phtml in 


Here I have created one theme and override list.phtml file in Magento_catalog extension. You can use the above code anywhere you want in the phtml file.

Here is the example where the two tabs appear. It will show only one segment of content at a time. Changing a new “tab” will cause others in the same group to disappear and the new one to display alone. I have selected tab 2 so it will display only tab-2 text



This way you can Use Tab Widget in Magento 2. In case of any difficulty, mention it in the comment below and share the article with your friends.

Happy Coding!

Click to rate this post!
[Total: 6 Average: 5]