{"id":997,"date":"2026-06-29T19:42:57","date_gmt":"2026-06-29T16:42:57","guid":{"rendered":"https:\/\/presta.site\/blog\/como-cambiar-el-orden-de-los-modulos-en-un-hook-en-prestashop\/"},"modified":"2026-06-29T19:42:57","modified_gmt":"2026-06-29T16:42:57","slug":"como-cambiar-el-orden-de-los-modulos-en-un-hook-en-prestashop","status":"publish","type":"post","link":"https:\/\/presta.site\/blog\/es\/como-cambiar-el-orden-de-los-modulos-en-un-hook-en-prestashop\/","title":{"rendered":"C\u00f3mo cambiar el orden de los m\u00f3dulos en un hook en PrestaShop"},"content":{"rendered":"<p>PrestaShop utiliza hooks para mostrar el contenido generado por varios m\u00f3dulos. Un hook es un c\u00f3digo especial colocado en un archivo de plantilla. Cuando PrestaShop prepara una p\u00e1gina para mostrarla, reemplaza ese c\u00f3digo de hook por el contenido de todos los m\u00f3dulos asignados a \u00e9l.<\/p>\n<p>Por defecto, los m\u00f3dulos se muestran en el orden en que fueron instalados. Pero, por supuesto, puede cambiarlo.<\/p>\n<p><!--more--><\/p>\n<p>En su back office vaya a la p\u00e1gina &#8220;<b>Design >> Positions<\/b>&#8221; (Dise\u00f1o >> Posiciones) (en PS 1.6 es &#8220;M\u00f3dulos y Servicios >> Posiciones&#8221;). Ver\u00e1 una p\u00e1gina especial con la lista de todos los hooks y los m\u00f3dulos asignados a ellos.<br \/>\n<a href=\"http:\/\/presta.site\/blog\/wp-content\/uploads\/2021\/10\/Screenshot_1-1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/presta.site\/blog\/wp-content\/uploads\/2021\/10\/Screenshot_1-1.png\" alt=\"\" width=\"1478\" height=\"1001\" class=\"aligncenter size-full wp-image-567\" srcset=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/2021\/10\/Screenshot_1-1.png 1478w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2021\/10\/Screenshot_1-1-300x203.png 300w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2021\/10\/Screenshot_1-1-1024x694.png 1024w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2021\/10\/Screenshot_1-1-768x520.png 768w\" sizes=\"auto, (max-width: 1478px) 100vw, 1478px\" \/><\/a><\/p>\n<p>En la parte superior de la p\u00e1gina puede ver algunos controles: b\u00fasqueda por m\u00f3dulos y por hooks. Por ejemplo, si necesita cambiar el orden de los m\u00f3dulos en la p\u00e1gina de inicio, introduzca &#8220;home&#8221; en la entrada de b\u00fasqueda de hooks:<br \/>\n<a href=\"http:\/\/presta.site\/blog\/wp-content\/uploads\/2021\/10\/Screenshot_2-2.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/presta.site\/blog\/wp-content\/uploads\/2021\/10\/Screenshot_2-2.png\" alt=\"\" width=\"1484\" height=\"1001\" class=\"aligncenter size-full wp-image-568\" srcset=\"https:\/\/presta.site\/blog\/wp-content\/uploads\/2021\/10\/Screenshot_2-2.png 1484w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2021\/10\/Screenshot_2-2-300x202.png 300w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2021\/10\/Screenshot_2-2-1024x691.png 1024w, https:\/\/presta.site\/blog\/wp-content\/uploads\/2021\/10\/Screenshot_2-2-768x518.png 768w\" sizes=\"auto, (max-width: 1484px) 100vw, 1484px\" \/><\/a><\/p>\n<p>Como puede ver, encontr\u00f3 el hook &#8220;displayHome&#8221;. Es el hook principal para el contenido en la p\u00e1gina de inicio.<br \/>\n<b>Para cambiar el orden de los m\u00f3dulos en este hook, simplemente arrastre alguna fila del m\u00f3dulo a la nueva posici\u00f3n.<\/b> Eso es todo, ver\u00e1 un mensaje sobre la actualizaci\u00f3n exitosa y los cambios se aplicar\u00e1n.<br \/>\nAhora puede ir al front office y comprobar el resultado.<\/p>\n<p>De manera similar, puede separar m\u00f3dulos de los hooks (&#8220;desengancharlos&#8221;). Encuentre el hook necesario, localice el m\u00f3dulo y haga clic en &#8220;Unhook&#8221; (Desenganchar) en su men\u00fa desplegable. O utilice las casillas de verificaci\u00f3n y desenganche incluso varios m\u00f3dulos a la vez. Despu\u00e9s de eso, el m\u00f3dulo ya no mostrar\u00e1 contenido en este hook.<\/p>\n<p>Para hacer lo contrario, a\u00f1adir un m\u00f3dulo al hook, haga clic en el bot\u00f3n &#8220;Transplant a module&#8221; (Insertar un m\u00f3dulo) en la parte superior derecha.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>PrestaShop utiliza hooks para mostrar el contenido generado por varios m\u00f3dulos. Un hook es un c\u00f3digo especial colocado en un archivo de plantilla. Cuando PrestaShop prepara una p\u00e1gina para mostrarla, reemplaza ese c\u00f3digo de hook por el contenido de todos los m\u00f3dulos asignados a \u00e9l. Por defecto, los m\u00f3dulos se muestran en el orden en &hellip; <a href=\"https:\/\/presta.site\/blog\/es\/como-cambiar-el-orden-de-los-modulos-en-un-hook-en-prestashop\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">C\u00f3mo cambiar el orden de los m\u00f3dulos en un hook en PrestaShop<\/span><\/a><\/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-997","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/997","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=997"}],"version-history":[{"count":0,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/997\/revisions"}],"wp:attachment":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/media?parent=997"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/categories?post=997"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/tags?post=997"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}