{"id":910,"date":"2026-06-29T16:26:04","date_gmt":"2026-06-29T13:26:04","guid":{"rendered":"https:\/\/presta.site\/blog\/?p=910"},"modified":"2026-06-29T16:26:04","modified_gmt":"2026-06-29T13:26:04","slug":"comment-modifier-lordre-des-modules-dans-un-hook-sur-prestashop","status":"publish","type":"post","link":"https:\/\/presta.site\/blog\/fr\/comment-modifier-lordre-des-modules-dans-un-hook-sur-prestashop\/","title":{"rendered":"Comment modifier l&#8217;ordre des modules dans un hook sur PrestaShop"},"content":{"rendered":"<p>PrestaShop utilise des hooks pour afficher le contenu g\u00e9n\u00e9r\u00e9 par divers modules. Un hook est un code sp\u00e9cial plac\u00e9 dans un fichier de mod\u00e8le. Lorsque PrestaShop pr\u00e9pare une page pour l&#8217;affichage, il remplace ce code de hook par le contenu de tous les modules qui lui sont assign\u00e9s.<\/p>\n<p>Par d\u00e9faut, les modules sont affich\u00e9s dans l&#8217;ordre dans lequel ils ont \u00e9t\u00e9 install\u00e9s. Mais, bien s\u00fbr, vous pouvez le modifier.<\/p>\n<p><!--more--><\/p>\n<p>Dans votre back office, acc\u00e9dez \u00e0 la page &#8220;<b>Design >> Positions<\/b>&#8221; (dans PS 1.6, c&#8217;est &#8220;Modules and Services >> Positions&#8221;). Vous verrez une page sp\u00e9ciale avec la liste de tous les hooks et des modules qui leur sont assign\u00e9s.<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 haut de la page, vous pouvez voir quelques contr\u00f4les &#8211; recherche par modules et par hooks. Par exemple, si vous avez besoin de changer l&#8217;ordre des modules sur la page d&#8217;accueil, entrez &#8220;home&#8221; dans le champ de recherche de hook :<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>Comme vous pouvez le voir, il a trouv\u00e9 le hook &#8220;displayHome&#8221;. C&#8217;est le hook principal pour le contenu de la page d&#8217;accueil.<br \/>\n<b>Pour changer l&#8217;ordre des modules dans ce hook, faites simplement glisser la ligne d&#8217;un module vers une nouvelle position.<\/b> C&#8217;est tout, vous verrez un message concernant la mise \u00e0 jour r\u00e9ussie et les modifications seront appliqu\u00e9es.<br \/>\nMaintenant, vous pouvez aller sur le front-office et v\u00e9rifier le r\u00e9sultat.<\/p>\n<p>De mani\u00e8re similaire, vous pouvez d\u00e9tacher des modules des hooks (les &#8220;d\u00e9hooker&#8221;). Trouvez le hook n\u00e9cessaire, localisez le module et cliquez sur &#8220;Unhook&#8221; dans son menu d\u00e9roulant. Ou utilisez les cases \u00e0 cocher et d\u00e9tachez m\u00eame plusieurs modules \u00e0 la fois. Apr\u00e8s cela, le module n&#8217;affichera plus de contenu dans ce hook.<\/p>\n<p>Pour faire l&#8217;inverse, ajouter un module au hook, cliquez sur le bouton &#8220;Transplant a module&#8221; en haut \u00e0 droite.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>PrestaShop utilise des hooks pour afficher le contenu g\u00e9n\u00e9r\u00e9 par divers modules. Un hook est un code sp\u00e9cial plac\u00e9 dans un fichier de mod\u00e8le. Lorsque PrestaShop pr\u00e9pare une page pour l&#8217;affichage, il remplace ce code de hook par le contenu de tous les modules qui lui sont assign\u00e9s. Par d\u00e9faut, les modules sont affich\u00e9s dans &hellip; <a href=\"https:\/\/presta.site\/blog\/fr\/comment-modifier-lordre-des-modules-dans-un-hook-sur-prestashop\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Comment modifier l&#8217;ordre des modules dans un hook sur 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":[100],"tags":[],"class_list":["post-910","post","type-post","status-publish","format-standard","hentry","category-tutoriels-et-guides"],"_links":{"self":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/910","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=910"}],"version-history":[{"count":1,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/910\/revisions"}],"predecessor-version":[{"id":954,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/posts\/910\/revisions\/954"}],"wp:attachment":[{"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/media?parent=910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/categories?post=910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/presta.site\/blog\/wp-json\/wp\/v2\/tags?post=910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}