{"id":989,"date":"2026-06-29T19:42:50","date_gmt":"2026-06-29T16:42:50","guid":{"rendered":"https:\/\/presta.site\/blog\/como-crear-una-nueva-pagina-usando-el-controlador-frontal-de-un-modulo\/"},"modified":"2026-06-29T19:42:50","modified_gmt":"2026-06-29T16:42:50","slug":"como-crear-una-nueva-pagina-usando-el-controlador-frontal-de-un-modulo","status":"publish","type":"post","link":"https:\/\/presta.site\/blog\/es\/como-crear-una-nueva-pagina-usando-el-controlador-frontal-de-un-modulo\/","title":{"rendered":"C\u00f3mo crear una nueva p\u00e1gina usando el controlador frontal de un m\u00f3dulo"},"content":{"rendered":"

As\u00ed que desea crear una nueva p\u00e1gina. Es muy f\u00e1cil, solo necesita escribir unas pocas l\u00edneas de c\u00f3digo.<\/p>\n

Este tutorial es para PrestaShop 1.6<\/strong>. Otras versiones son similares pero pueden diferir ligeramente.<\/p>\n

<\/p>\n

Digamos que queremos crear un controlador “Test<\/strong>” para un m\u00f3dulo “MyModule<\/strong>“. Cambie “Test” y “MyModule” a sus valores reales.<\/p>\n

    \n
  1. Primero necesita navegar al directorio de su m\u00f3dulo.<\/li>\n
  2. Cree all\u00ed un nuevo directorio “controllers<\/strong>“. Y dentro de \u00e9l cree un directorio “front<\/strong>“.
    \nPor lo que la estructura de archivos deber\u00eda ser “mymodule\/controllers\/front\/”<\/li>\n
  3. En ese directorio “front” cree un nuevo archivo PHP: test.php<\/strong><\/li>\n
  4. Pegue el siguiente c\u00f3digo en ese archivo:\n
    1
    2
    3
    <\/div><\/td>
    class<\/span> MyModuleTestModuleFrontController extends<\/span> ModuleFrontController
    \n{<\/span>
    \n}<\/span><\/div><\/td><\/tr><\/tbody><\/table><\/div>\n

    Como puede ver, la clase del controlador extiende ModuleFrontController y debe llamarse como <module_name<\/strong>><controller_name<\/strong>>ModuleFrontController.<\/li>\n<\/ol>\n

    \u00a1Todo listo!<\/strong><\/p>\n

    Puede ver su nueva p\u00e1gina mediante la siguiente URL:
    \nyour_site<\/strong>\/index.php?fc=module&module=mymodule<\/strong>&controller=test<\/strong>
    \nO
    \nyour_site<\/strong>\/module\/mymodule<\/strong>\/test<\/strong>
    \nVaya a su back office a la pesta\u00f1a Preferencias > SEO y URLs. All\u00ed puede hacer clic en “A\u00f1adir una nueva p\u00e1gina<\/strong>” y configurar una URL amigable personalizada para su p\u00e1gina.<\/p>\n

    Ahora, puede personalizar la nueva p\u00e1gina<\/h3>\n

    Por ejemplo, use la variable display_column_left<\/strong> para controlar la visualizaci\u00f3n de la columna izquierda.<\/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

    Agreguemos algo de contenido a la nueva p\u00e1gina<\/h3>\n

    Cree un nuevo archivo de plantilla: “mymodule\/views\/templates\/front\/test.tpl<\/strong>” y coloque all\u00ed algo de texto.
    \nUse esa plantilla:<\/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":"

    As\u00ed que desea crear una nueva p\u00e1gina. Es muy f\u00e1cil, solo necesita escribir unas pocas l\u00edneas de c\u00f3digo. Este tutorial es para PrestaShop 1.6. Otras versiones son similares pero pueden diferir ligeramente.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-989","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/989","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=989"}],"version-history":[{"count":0,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/989\/revisions"}],"wp:attachment":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/media?parent=989"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/categories?post=989"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/tags?post=989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}