{"id":314,"date":"2016-11-21T11:33:36","date_gmt":"2016-11-21T08:33:36","guid":{"rendered":"http:\/\/presta.site\/blog\/?p=314"},"modified":"2021-10-22T15:19:30","modified_gmt":"2021-10-22T12:19:30","slug":"how-to-create-a-new-page-using-module-front-controller","status":"publish","type":"post","link":"https:\/\/presta.site\/blog\/en\/how-to-create-a-new-page-using-module-front-controller\/","title":{"rendered":"How to create a new page using module front controller"},"content":{"rendered":"

So you want to create a new page. It’s really easy, you just need to write a few lines of code.<\/p>\n

This tutorial is for PrestaShop 1.6<\/strong>. Other versions are similar but can slightly differ.<\/p>\n

<\/p>\n

Let’s say we want to create a «Test<\/strong>» controller for a module «MyModule<\/strong>«. Change «Test» and «MyModule» to your actual values.<\/p>\n

    \n
  1. First you need to navigate to your module’s directory.<\/li>\n
  2. Create there a new directory «controllers<\/strong>«. And inside it create a directory «front<\/strong>«.
    \nSo the file structure should be «mymodule\/controllers\/front\/»<\/li>\n
  3. In that «front» directory create a new PHP file: test.php<\/strong><\/li>\n
  4. Paste the following code into that file:\n
    1
    2
    3
    <\/div><\/td>
    class<\/span> MyModuleTestModuleFrontController extends<\/span> ModuleFrontController
    \n{<\/span>
    \n}<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n

    As you can see, controller’s class extends ModuleFrontController and should be called like <module_name<\/strong>><controller_name<\/strong>>ModuleFrontController.<\/li>\n<\/ol>\n

    All done!<\/strong><\/p>\n

    You can view your new page by the following url:
    \nyour_site<\/strong>\/index.php?fc=module&module=mymodule<\/strong>&controller=test<\/strong>
    \nOR
    \nyour_site<\/strong>\/module\/mymodule<\/strong>\/test<\/strong>
    \nGo to your Back Office to the tab Preferences > SEO & URLs. There you can click «Add a new page<\/strong>» and set a custom friendly url for your page.<\/p>\n

    Now, you can customize the new page<\/h3>\n

    For example, use the display_column_left<\/strong> variable to control left column displaying.<\/p>\n

    1
    2
    3
    4
    <\/div><\/td>
    class<\/span> MyModuleTestModuleFrontController extends<\/span> ModuleFrontController
    \n{<\/span>
    \n    public<\/span> $display_column_left<\/span> =<\/span> false<\/span>;<\/span>
    \n}<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n

    Let’s add some content to the new page<\/h3>\n

    Create a new template file: «mymodule\/views\/templates\/front\/test.tpl<\/strong>» and place there some text.
    \nUse that template:<\/p>\n

    1
    2
    3
    4
    5
    6
    7
    8
    9
    <\/div><\/td>
    class<\/span> MyModuleTestModuleFrontController extends<\/span> ModuleFrontController
    \n{<\/span>
    \n    public<\/span> function<\/span> initContent(<\/span>)<\/span>
    \n    {<\/span>
    \n        parent::<\/span>initContent<\/span>(<\/span>)<\/span>;<\/span>
    \n
    \n        $this<\/span>-><\/span>setTemplate<\/span>(<\/span>'test.tpl'<\/span>)<\/span>;<\/span>
    \n    }<\/span>
    \n}<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n","protected":false},"excerpt":{"rendered":"

    So you want to create a new page. It’s really easy, you just need to write a few lines of code. This tutorial is for PrestaShop 1.6. Other versions are similar but can slightly differ.<\/p>\n","protected":false},"author":1,"featured_media":341,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[25,1],"tags":[],"_links":{"self":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/314"}],"collection":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/comments?post=314"}],"version-history":[{"count":36,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/314\/revisions"}],"predecessor-version":[{"id":362,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/314\/revisions\/362"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/media\/341"}],"wp:attachment":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/media?parent=314"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/categories?post=314"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/tags?post=314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}