{"id":381732,"date":"2023-05-16T07:35:06","date_gmt":"2023-05-16T07:35:06","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=381732"},"modified":"2023-05-17T06:44:57","modified_gmt":"2023-05-17T06:44:57","slug":"add-custom-tab-on-product-page-magento-2","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/add-custom-tab-on-product-page-magento-2\/","title":{"rendered":"Add Custom Tab on Product Page Magento 2"},"content":{"rendered":"\n

Here, we will see how to add new custom tab on product view page for full width<\/strong> design layout options in Magento 2.<\/p>\n\n\n\n

If you have set the full width<\/strong> options for design layout<\/strong> in your <\/strong>product page settings, then this blog will be useful for you. In case you have set options other than full width<\/strong> in your product page settings, then you can follow our other blog by clicking here<\/strong><\/a>.
Please check the below screenshot<\/strong> for more clarification:<\/p>\n\n\n\n

\"product-design-image\"<\/figure>\n\n\n\n


Before working on this, we will have to know about Page Layouts. For explain study about page layouts, you can click here<\/strong><\/a>.<\/p>\n\n\n\n

Page Layouts<\/h1>\n\n\n\n

The layout of each page in your store consists of distinct sections, or containers, that define the header, footer, and content areas of the page. Depending on the layout, each page might have one, two, three columns, or more. You can think of the layout as the floor plan<\/em> of the page, and assign a specific layout to be used as the default for CMS, product, and category pages.<\/p>\n\n\n\n

Configure default product layouts<\/h2>\n\n\n\n
    \n
  1. On the Admin<\/em> sidebar, go to Stores<\/strong> > Settings<\/em> > Configuration<\/strong>.<\/li>\n\n\n\n
  2. In the left panel under General<\/em>, choose Web<\/strong>.<\/li>\n\n\n\n
  3. Expand the Default Layouts<\/strong> section.\"DefaultDefault Layouts<\/a><\/li>\n\n\n\n
  4. Choose the Default Product Layout<\/strong> that you want to use for product pages.This setting determines the layout that is used by default for product pages.