{"id":902,"date":"2026-06-29T16:25:58","date_gmt":"2026-06-29T13:25:58","guid":{"rendered":"https:\/\/presta.site\/blog\/?p=902"},"modified":"2026-06-29T16:25:58","modified_gmt":"2026-06-29T13:25:58","slug":"comment-creer-une-nouvelle-page-en-utilisant-le-controleur-frontal-dun-module","status":"publish","type":"post","link":"https:\/\/presta.site\/blog\/fr\/comment-creer-une-nouvelle-page-en-utilisant-le-controleur-frontal-dun-module\/","title":{"rendered":"Comment cr\u00e9er une nouvelle page en utilisant le contr\u00f4leur frontal d’un module"},"content":{"rendered":"

Vous souhaitez donc cr\u00e9er une nouvelle page. C’est vraiment facile, il vous suffit d’\u00e9crire quelques lignes de code.<\/p>\n

Ce tutoriel est pour PrestaShop 1.6<\/strong>. Les autres versions sont similaires mais peuvent l\u00e9g\u00e8rement diff\u00e9rer.<\/p>\n

<\/p>\n

Disons que nous voulons cr\u00e9er un contr\u00f4leur “Test<\/strong>” pour un module “MyModule<\/strong>“. Remplacez “Test” et “MyModule” par vos valeurs r\u00e9elles.<\/p>\n

    \n
  1. Tout d’abord, vous devez naviguer jusqu’au r\u00e9pertoire de votre module.<\/li>\n
  2. Cr\u00e9ez-y un nouveau r\u00e9pertoire “controllers<\/strong>“. Et \u00e0 l’int\u00e9rieur, cr\u00e9ez un r\u00e9pertoire “front<\/strong>“.
    \nAinsi, la structure des fichiers devrait \u00eatre “mymodule\/controllers\/front\/”<\/li>\n
  3. Dans ce r\u00e9pertoire “front”, cr\u00e9ez un nouveau fichier PHP : test.php<\/strong><\/li>\n
  4. Collez le code suivant dans ce fichier :\n
    1
    2
    3
    <\/div><\/td>
    class<\/span> MyModuleTestModuleFrontController extends<\/span> ModuleFrontController
    \n{<\/span>
    \n}<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n

    Comme vous pouvez le voir, la classe du contr\u00f4leur \u00e9tend ModuleFrontController et doit \u00eatre appel\u00e9e comme <module_name<\/strong>><controller_name<\/strong>>ModuleFrontController.<\/li>\n<\/ol>\n

    C’est tout !<\/strong><\/p>\n

    Vous pouvez voir votre nouvelle page \u00e0 l’URL suivante :
    \nvotre_site<\/strong>\/index.php?fc=module&module=mymodule<\/strong>&controller=test<\/strong>
    \nOU
    \nvotre_site<\/strong>\/module\/mymodule<\/strong>\/test<\/strong>
    \nAllez dans votre back-office \u00e0 l’onglet Pr\u00e9f\u00e9rences > SEO & URLs. L\u00e0, vous pouvez cliquer sur “Ajouter une nouvelle page<\/strong>” et d\u00e9finir une URL simplifi\u00e9e personnalis\u00e9e pour votre page.<\/p>\n

    Maintenant, vous pouvez personnaliser la nouvelle page<\/h3>\n

    Par exemple, utilisez la variable display_column_left<\/strong> pour contr\u00f4ler l’affichage de la colonne de gauche.<\/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

    Ajoutons du contenu \u00e0 la nouvelle page<\/h3>\n

    Cr\u00e9ez un nouveau fichier de mod\u00e8le : “mymodule\/views\/templates\/front\/test.tpl<\/strong>” et placez-y du texte.
    \nUtilisez ce mod\u00e8le :<\/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":"

    Vous souhaitez donc cr\u00e9er une nouvelle page. C’est vraiment facile, il vous suffit d’\u00e9crire quelques lignes de code. Ce tutoriel est pour PrestaShop 1.6. Les autres versions sont similaires mais peuvent l\u00e9g\u00e8rement diff\u00e9rer.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[100],"tags":[],"class_list":["post-902","post","type-post","status-publish","format-standard","hentry","category-tutoriels-et-guides"],"_links":{"self":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/902","targetHints":{"allow":["GET"]}}],"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=902"}],"version-history":[{"count":1,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/902\/revisions"}],"predecessor-version":[{"id":946,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/902\/revisions\/946"}],"wp:attachment":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/media?parent=902"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/categories?post=902"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/tags?post=902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}