{"id":1591,"date":"2013-04-09T14:33:08","date_gmt":"2013-04-09T14:33:08","guid":{"rendered":"http:\/\/webkul.com\/blog\/?p=1591"},"modified":"2013-04-09T14:33:08","modified_gmt":"2013-04-09T14:33:08","slug":"prestashop-creating-new-front-end-page-for-your-prestashop-within-module","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\/","title":{"rendered":"prestashop :- Creating new front end page for your prestashop within module"},"content":{"rendered":"<p>Prestashop provide the way to make entire new page through your module. For this you must follow directory structures<\/p>\n<p>Some step given bellow to make new page<\/p>\n<h2>Step 1 \u2013 Creating the correct folder structure<\/h2>\n<p>Create a module and install it (for how we create module you can saw the\u00a0previous blog )<\/p>\n<p>let your module name is testmodule then after installation you can check module folder where you get testmodule folder<\/p>\n<p>Directory structure is<\/p>\n<ul>\n<li>module=&gt;your module name<\/li>\n<li>controllers=&gt;front=&gt; your file name<\/li>\n<\/ul>\n<p><span style=\"font-size: medium\"><span style=\"line-height: 24px\">that means directory structure is\u00a0<\/span><\/span><\/p>\n<pre class=\"brush:php\">\"module\/modulename\/controllers\/front\/filename\"<\/pre>\n<p>&nbsp;<\/p>\n<p>in\u00a0my case file name is test.php<\/p>\n<h2>Step 2 \u2013 Adding the new page\u2019s controller<\/h2>\n<pre class=\"brush:php\">&lt;?php\r\n\r\nif (!defined('_PS_VERSION_'))\r\n\t\texit;\r\ninclude('..\/..\/config\/config.inc.php');\r\nclass modulenameTestModuleFrontController extends \r\nModuleFrontController\t{\r\n\r\n\tpublic function initContent() {\r\n\r\n\t\t\tglobal $smarty;\t\r\n\t\tparent::initContent();\r\n\t\tinclude('..\/..\/header.php');\r\n\t\tinclude(dirname(__FILE__).'\/..\/..\/footer.php');\r\n\t}\r\n\r\n}\r\n\r\n?&gt;<\/pre>\n<p>your class name as<\/p>\n<p>modulename is your module name.<\/p>\n<p>then add your file name in my case my file name is test then i am adding &#8220;Test&#8221; and then add\u00a0ModuleFrontController and extends\u00a0ModuleFrontController<\/p>\n<p>&nbsp;<\/p>\n<p>now open this link to any browser<\/p>\n<pre class=\"brush:php\">index.php?fc=module&amp;module=modulename&amp;controller=test<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Prestashop provide the way to make entire new page through your module. For this you must follow directory structures Some step given bellow to make new page Step 1 \u2013 Creating the correct folder structure Create a module and install it (for how we create module you can saw the\u00a0previous blog ) let your module <a href=\"https:\/\/webkul.com\/blog\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[209],"tags":[290,2057,2065,289],"class_list":["post-1591","post","type-post","status-publish","format-standard","hentry","category-prestashop","tag-front-controller-in-prestashop","tag-php","tag-prestashop","tag-prestashop-module"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>prestashop :- Creating new front end page for your prestashop within module - Webkul Blog<\/title>\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\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"prestashop :- Creating new front end page for your prestashop within module - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Prestashop provide the way to make entire new page through your module. For this you must follow directory structures Some step given bellow to make new page Step 1 \u2013 Creating the correct folder structure Create a module and install it (for how we create module you can saw the\u00a0previous blog ) let your module [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\/\" \/>\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=\"2013-04-09T14:33:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-og.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Pratik Kumar\" \/>\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=\"Pratik Kumar\" \/>\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\\\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\\\/\"},\"author\":{\"name\":\"Pratik Kumar\",\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/#\\\/schema\\\/person\\\/f9328c8ae207f0b82ebeb809a3610b75\"},\"headline\":\"prestashop :- Creating new front end page for your prestashop within module\",\"datePublished\":\"2013-04-09T14:33:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\\\/\"},\"wordCount\":160,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/#organization\"},\"keywords\":[\"front controller in prestashop\",\"PHP\",\"prestashop\",\"prestashop module\"],\"articleSection\":[\"prestashop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\\\/\",\"url\":\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\\\/\",\"name\":\"prestashop :- Creating new front end page for your prestashop within module - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/#website\"},\"datePublished\":\"2013-04-09T14:33:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/webkul.com\\\/blog\\\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/webkul.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"prestashop :- Creating new front end page for your prestashop within module\"}]},{\"@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\\\/f9328c8ae207f0b82ebeb809a3610b75\",\"name\":\"Pratik Kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ce26f0e02c98c14e95e9223d41803b2cb6aafc1bf2c32ce01f3ac16b573eed69?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ce26f0e02c98c14e95e9223d41803b2cb6aafc1bf2c32ce01f3ac16b573eed69?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ce26f0e02c98c14e95e9223d41803b2cb6aafc1bf2c32ce01f3ac16b573eed69?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Pratik Kumar\"},\"description\":\"Pratik Kumar is a versatile Shopify developer adept at handling various projects with finesse. With a rich background in e-commerce development, Pratik specializes in building chat applications, crafting AI-driven solutions, and creating seamless e-commerce experiences. His expertise and creativity contribute to the success of diverse online ventures.\",\"sameAs\":[\"http:\\\/\\\/webkul.com\"],\"url\":\"https:\\\/\\\/webkul.com\\\/blog\\\/author\\\/pratik-kumar12\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"prestashop :- Creating new front end page for your prestashop within module - Webkul Blog","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\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\/","og_locale":"en_US","og_type":"article","og_title":"prestashop :- Creating new front end page for your prestashop within module - Webkul Blog","og_description":"Prestashop provide the way to make entire new page through your module. For this you must follow directory structures Some step given bellow to make new page Step 1 \u2013 Creating the correct folder structure Create a module and install it (for how we create module you can saw the\u00a0previous blog ) let your module [...]","og_url":"https:\/\/webkul.com\/blog\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2013-04-09T14:33:08+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-og.png","type":"image\/png"}],"author":"Pratik Kumar","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Pratik Kumar","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\/"},"author":{"name":"Pratik Kumar","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/f9328c8ae207f0b82ebeb809a3610b75"},"headline":"prestashop :- Creating new front end page for your prestashop within module","datePublished":"2013-04-09T14:33:08+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\/"},"wordCount":160,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"keywords":["front controller in prestashop","PHP","prestashop","prestashop module"],"articleSection":["prestashop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\/","url":"https:\/\/webkul.com\/blog\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\/","name":"prestashop :- Creating new front end page for your prestashop within module - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"datePublished":"2013-04-09T14:33:08+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/prestashop-creating-new-front-end-page-for-your-prestashop-within-module\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"prestashop :- Creating new front end page for your prestashop within module"}]},{"@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\/f9328c8ae207f0b82ebeb809a3610b75","name":"Pratik Kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/ce26f0e02c98c14e95e9223d41803b2cb6aafc1bf2c32ce01f3ac16b573eed69?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/ce26f0e02c98c14e95e9223d41803b2cb6aafc1bf2c32ce01f3ac16b573eed69?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ce26f0e02c98c14e95e9223d41803b2cb6aafc1bf2c32ce01f3ac16b573eed69?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Pratik Kumar"},"description":"Pratik Kumar is a versatile Shopify developer adept at handling various projects with finesse. With a rich background in e-commerce development, Pratik specializes in building chat applications, crafting AI-driven solutions, and creating seamless e-commerce experiences. His expertise and creativity contribute to the success of diverse online ventures.","sameAs":["http:\/\/webkul.com"],"url":"https:\/\/webkul.com\/blog\/author\/pratik-kumar12\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/1591","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\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=1591"}],"version-history":[{"count":2,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/1591\/revisions"}],"predecessor-version":[{"id":1597,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/1591\/revisions\/1597"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=1591"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=1591"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=1591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}