{"id":67426,"date":"2016-12-09T14:18:18","date_gmt":"2016-12-09T14:18:18","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=67426"},"modified":"2021-07-16T14:16:54","modified_gmt":"2021-07-16T14:16:54","slug":"create-inline-admin-tab-prestashop-17","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/","title":{"rendered":"How to create inline admin tab in PrestaShop 1.7"},"content":{"rendered":"\n

Create an inline admin tab in PrestaShop 1.7<\/strong><\/p>\n\n\n\n

PrestaShop 1.7 introduced new inline tab within the main admin tab. Using these inline tabs minimize so many outside tabs in PrestaShop 1.7 admin panel.<\/p>\n\n\n\n

To add these tab you have to add some line of code in you PrestaShop 1.6 create tab code.<\/p>\n\n\n\n

We can create tab in PrestaShop 1.6<\/strong> like this,<\/p>\n\n\n\n

public function installTab($className, $tabName, $tabParentName = false)\n{\n  $tab = new Tab();\n  $tab->active = 1;\n  $tab->class_name = $className;\n  $tab->name = array();\n\n  foreach (Language::getLanguages(true) as $lang) {\n     $tab->name[$lang['id_lang']] = $tabName;\n  }\n  if ($tabParentName) {\n     $tab->id_parent = (int) Tab::getIdFromClassName($tabParentName);\n  } else {\n     $tab->id_parent = 0;\n  }\n  $tab->module = $this->name;\n  return $tab->add();\n}\n\n<\/pre>\n\n\n\n
Now if you want to create a Tab hierarchy like this,<\/p>\n\n\n\n
Using the above function you can create your tab,<\/p>\n\n\n\n
$this->installTab('AdminParentTab', 'My Module');\n\n$this->installTab('AdminModuleTab', 'Module Tab', 'AdminParentTab');\n\n$this->installTab('AdminSubChildTab', 'Manage Tab', 'AdminModuleTab');\n\n$this->installTab('AdminTabOne', 'Tab One', 'AdminSubChildTab');\n\n$this->installTab('AdminTabTwo', 'Tab Two', 'AdminSubChildTab');\n\n$this->installTab('AdminTabThree', 'Tab Three', 'AdminSubChildTab');\n<\/pre>\n\n\n\n
Line number 5 in the above code,<\/p>\n\n\n\n
$this->installTab('AdminSubChildTab', 'Manage Tab', 'AdminModuleTab');<\/pre>\n\n\n\n
this line of tab will be display on hover of ‘Module Tab’, We just have to do now, make this tab as a parent for other subtab. It will automatically display as a inline tab.<\/p>\n","protected":false},"excerpt":{"rendered":"
Create an inline admin tab in PrestaShop 1.7 PrestaShop 1.7 introduced new inline tab within the main admin tab. Using these inline tabs minimize so many outside tabs in PrestaShop 1.7 admin panel. To add these tab you have to add some line of code in you PrestaShop 1.6 create tab code. We can create […]<\/a><\/p>\n","protected":false},"author":129,"featured_media":67446,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[209],"tags":[4125,4126,4124],"class_list":["post-67426","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-prestashop","tag-inline-tab","tag-prestashop-1-7","tag-tabs"],"yoast_head":"\nHow to create an inline admin tab in PrestaShop 1.7<\/title>\n<meta name=\"description\" content=\"Create an inline tab in PrestaShop 1.7 by adding a parent tab for your subtab, It will display child tab as an in line tab.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create an inline admin tab in PrestaShop 1.7\" \/>\n<meta property=\"og:description\" content=\"Create an inline tab in PrestaShop 1.7 by adding a parent tab for your subtab, It will display child tab as an in line tab.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-09T14:18:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-16T14:16:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Blog-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rubi Rawat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rubi Rawat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/\"},\"author\":{\"name\":\"Rubi Rawat\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/f1243cd32ca823a4785b970552926e85\"},\"headline\":\"How to create inline admin tab in PrestaShop 1.7\",\"datePublished\":\"2016-12-09T14:18:18+00:00\",\"dateModified\":\"2021-07-16T14:16:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/\"},\"wordCount\":125,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Blog-image.png\",\"keywords\":[\"Inline tab\",\"Prestashop 1.7\",\"Tabs\"],\"articleSection\":[\"prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/\",\"url\":\"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/\",\"name\":\"How to create an inline admin tab in PrestaShop 1.7\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Blog-image.png\",\"datePublished\":\"2016-12-09T14:18:18+00:00\",\"dateModified\":\"2021-07-16T14:16:54+00:00\",\"description\":\"Create an inline tab in PrestaShop 1.7 by adding a parent tab for your subtab, It will display child tab as an in line tab.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Blog-image.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Blog-image.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to create inline admin tab in PrestaShop 1.7\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/f1243cd32ca823a4785b970552926e85\",\"name\":\"Rubi Rawat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1a69fec9c947b44f4f7b74f8b9bc96802d8fc258441fd1bc2c3ab7eadbf31089?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1a69fec9c947b44f4f7b74f8b9bc96802d8fc258441fd1bc2c3ab7eadbf31089?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Rubi Rawat\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/rubi-rawat734\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create an inline admin tab in PrestaShop 1.7","description":"Create an inline tab in PrestaShop 1.7 by adding a parent tab for your subtab, It will display child tab as an in line tab.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/","og_locale":"en_US","og_type":"article","og_title":"How to create an inline admin tab in PrestaShop 1.7","og_description":"Create an inline tab in PrestaShop 1.7 by adding a parent tab for your subtab, It will display child tab as an in line tab.","og_url":"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2016-12-09T14:18:18+00:00","article_modified_time":"2021-07-16T14:16:54+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Blog-image.png","type":"image\/png"}],"author":"Rubi Rawat","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Rubi Rawat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/"},"author":{"name":"Rubi Rawat","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/f1243cd32ca823a4785b970552926e85"},"headline":"How to create inline admin tab in PrestaShop 1.7","datePublished":"2016-12-09T14:18:18+00:00","dateModified":"2021-07-16T14:16:54+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/"},"wordCount":125,"commentCount":1,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Blog-image.png","keywords":["Inline tab","Prestashop 1.7","Tabs"],"articleSection":["prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/","url":"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/","name":"How to create an inline admin tab in PrestaShop 1.7","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Blog-image.png","datePublished":"2016-12-09T14:18:18+00:00","dateModified":"2021-07-16T14:16:54+00:00","description":"Create an inline tab in PrestaShop 1.7 by adding a parent tab for your subtab, It will display child tab as an in line tab.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Blog-image.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/12\/Blog-image.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/create-inline-admin-tab-prestashop-17\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to create inline admin tab in PrestaShop 1.7"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/f1243cd32ca823a4785b970552926e85","name":"Rubi Rawat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1a69fec9c947b44f4f7b74f8b9bc96802d8fc258441fd1bc2c3ab7eadbf31089?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1a69fec9c947b44f4f7b74f8b9bc96802d8fc258441fd1bc2c3ab7eadbf31089?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Rubi Rawat"},"url":"https:\/\/webkul.com\/blog\/author\/rubi-rawat734\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/67426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/129"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=67426"}],"version-history":[{"count":3,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/67426\/revisions"}],"predecessor-version":[{"id":296731,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/67426\/revisions\/296731"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/67446"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=67426"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=67426"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=67426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}