{"id":772,"date":"2015-05-25T19:51:54","date_gmt":"2015-05-25T19:51:54","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=772"},"modified":"2017-01-23T18:28:53","modified_gmt":"2017-01-23T18:28:53","slug":"greffer-le-menu-haut-horizontal-dans-displaynav","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/greffer-le-menu-haut-horizontal-dans-displaynav\/","title":{"rendered":"Greffer le menu haut horizontal dans displayNav |  Astuce Prestashop 1.6"},"content":{"rendered":"<p>Ce tutoriel va vous permettre de greffer le module \u00ab\u00a0menu haut horizontal\u00a0\u00bb dans displayNav<\/p>\n<p><strong><strong>Cette astuce Prestashop est valable pour la version 1.6<\/strong><\/strong><\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/p>\n<p>On va dans un premier temps greffer le module au hook displayNav :<\/p>\n<p>1) Modules &gt; Position &gt; Greffer un module (en haut \u00e0 droite). Greffer le module \u00ab\u00a0Menu Haut Horizontal sur displayNav.<\/p>\n<p><!--more--><\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/04\/Capture-d\u2019\u00e9cran-2015-04-24-\u00e0-20.40.00.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-774\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/04\/Capture-d\u2019\u00e9cran-2015-04-24-\u00e0-20.40.00.png\" alt=\"Greffer le menu Haut horizontal displayNav\" width=\"1213\" height=\"325\" \/><\/a><\/p>\n<p>2) Cliquez sur Enregistrer<\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n<p>Maintenant on va degreffer le module du hook displayTop<\/p>\n<p>3) Allez dans Modules &gt; Position. Recherchez le hook displayTop et degreffer le module \u00ab\u00a0menu haut horizontal\u00a0\u00bb<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/04\/Capture-d\u2019\u00e9cran-2015-04-24-\u00e0-20.43.17.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-775\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/04\/Capture-d\u2019\u00e9cran-2015-04-24-\u00e0-20.43.17.png\" alt=\"Greffer le menu Haut horizontal displayNav\" width=\"980\" height=\"363\" \/><\/a><\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n<p>Si vous retournez sur le front-office de votre boutique vous devriez avoir le visuel ci-dessous. Comme vous pouvez le constater ce n&rsquo;est pas pas g\u00e9nial, le module ne prend plus en compte le CSS et et JS<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/04\/Capture-d\u2019\u00e9cran-2015-04-24-\u00e0-20.44.59.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-776\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/04\/Capture-d\u2019\u00e9cran-2015-04-24-\u00e0-20.44.59.png\" alt=\"Greffer le menu Haut horizontal displayNav\" width=\"1388\" height=\"521\" \/><\/a><\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n<p>Pour rem\u00e9dier \u00e0 cela on va modifier le fichier blocktopmenu.php<\/p>\n<p>4) Pour cela allez dans modules &gt; blocktopmenu &gt; blocktopmenu.php. Tout a la fin du code, juste avant la derni\u00e8re accolade collez le code suivant puis enregistrez.<\/p>\n<pre class=\"lang:default decode:true \">public function hookdisplayHeader($params){\r\n    $this-&gt;context-&gt;controller-&gt;addJS($this-&gt;_path.'js\/hoverIntent.js');\r\n$this-&gt;context-&gt;controller-&gt;addJS($this-&gt;_path.'js\/superfish-modified.js');\r\n$this-&gt;context-&gt;controller-&gt;addJS($this-&gt;_path.'js\/blocktopmenu.js');\r\n$this-&gt;context-&gt;controller-&gt;addCSS($this-&gt;_path.'css\/blocktopmenu.css');\r\n$this-&gt;context-&gt;controller-&gt;addCSS($this-&gt;_path.'css\/superfish-modified.css');\r\n}<\/pre>\n<p>Ce bout de code va permettre de greffer le module \u00e0 displayHeader<\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<\/p>\n<p>5) On retourne dans la back office de prestashop, puis\u00a0Modules &gt; Position &gt; Greffer un module (en haut \u00e0 droite). On va greffer le module \u00ab\u00a0menu Haut Horizontal\u00a0\u00bb dans Header. N&rsquo;oubliez pas d&rsquo;enregistrer.<a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/04\/Capture-d\u2019\u00e9cran-2015-04-24-\u00e0-20.59.01.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-778\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/04\/Capture-d\u2019\u00e9cran-2015-04-24-\u00e0-20.59.01.png\" alt=\"Greffer le menu Haut horizontal displayNav\" width=\"1226\" height=\"185\" \/><\/a><\/p>\n<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n<p><strong>Et voila le r\u00e9sultat\u00a0<\/strong><\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/04\/Capture-d\u2019\u00e9cran-2015-04-24-\u00e0-20.59.59.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-779\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/04\/Capture-d\u2019\u00e9cran-2015-04-24-\u00e0-20.59.59.png\" alt=\"Greffer le menu Haut horizontal displayNav\" width=\"1284\" height=\"270\" \/><\/a><\/p>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-2'  data-version='5.12.88'><!-- without result --><div class='yuzo_clearfixed yuzo__title yuzo__title'><h2>Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/modules-utilises-page-daccueil-prestashop-1-7\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/11\/module-page-accueil-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/modules-utilises-page-daccueil-prestashop-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Quels sont les modules utilis\u00e9s sur la page d\u2019accueil ? |\u00a0Prestashop 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 18007<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Par rapport \u00e0 Prestashop 1.6, la page d'accueil a totalement \u00e9t\u00e9 relook\u00e9 et le nom et le hook des modules ont\u00a0\u00e9t\u00e9 modifi\u00e9s.\r\n\r\nVoici une check-list des modules utilis\u00e9s par d\u00e9faut pour la page d'accueil.\r\n\r\nVous trouverez:\r\n- le nom du hook sur lequel le module est positionn\u00e9;\r\n- le nom du module utilis\u00e9 dans le back-office;\r\n- le nom\u00a0que porte le module dans le dossier \"modules' situ\u00e9 dans votre ...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/consommateurs-multi-canal-typologie-des-comportements\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2014\/12\/Comportement-achat-consommateur-F-300x187.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/consommateurs-multi-canal-typologie-des-comportements\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comportements d\u2019achats du consommateur  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 577<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >\r\nQuatre types de comportements d\u2019achats peuvent \u00eatre identifi\u00e9s :\r\n- \u201cFull Web\u201d : les consommateurs font leurs recherches sur Internet et ach\u00e8tent en ligne. (Ils repr\u00e9sentent 88% des consommateurs en 2013).\r\n\r\n\r\n\r\n- \u201cFull Store\u201d : les consommateurs recherchent et ach\u00e8tent seulement en magasin. (Ils repr\u00e9sentent 63% des consommateurs en 2013).\r\n\r\n- \u201cShowroomer\u201d : les consommateurs se renseignent e...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/raccourcis-claviers-suite-adobe\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-Capture-d\u2019\u00e9cran-2015-06-08-\u00e0-20.04.38-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/raccourcis-claviers-suite-adobe\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Raccourcis claviers Suite Adobe  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 400<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Les raccourcis claviers \u00a0sont un\u00a0gain de temps incroyable.\u00a0Ils rendent le travail plus facil, plus rapide et plus simple.\r\n\r\nCependant, il peut-\u00eatre difficile de m\u00e9moriser tous les raccourcis\u00a0 de tous les logiciels.\r\n\r\nC'est pour cela que je trouve cette infographie tr\u00e8s pratique .\r\n\r\n\r\n\r\n<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/10-polices-de-caracteres-cursives-gratuites\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-header-cursive-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/10-polices-de-caracteres-cursives-gratuites\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 10 Polices de Caract\u00e8res Cursives Gratuites pour vos sites web  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 857<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Voici une s\u00e9lection de 10 typographies cursives gratuites \u00a0pour agr\u00e9menter vos sites web\r\n1) Sofia\r\n\r\n- T\u00e9l\u00e9charger le fichier -\u00a0\r\n----------------------\r\n2) Short Stack\r\n\r\n- T\u00e9l\u00e9charger le fichier -\u00a0\r\n----------------------\r\n3) Redresses\r\n\r\n- T\u00e9l\u00e9charger le fichier -\u00a0\r\n----------------------\r\n4) Pacifico\r\n\r\n- T\u00e9l\u00e9charger le fichier -\u00a0\r\n----------------------\r\n5) Happy Fox\r\n\r\n- T\u00e9l\u00e9charger le fich...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-les-hashtags-facebook-peuvent-ils-aider-vos-actions-marketing\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-header-Facebook-hashtags-can-increase-Likers-and-brand-awareness-Social-Media-Marketing-Infographic-www.socialmediamamma.com--400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/comment-les-hashtags-facebook-peuvent-ils-aider-vos-actions-marketing\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment les Hashtags Facebook peuvent-ils aider vos actions marketing ?  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 182<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >1) Comment utiliser les hashtags ?\r\n\r\nLes hashtags transforment les sujets et les locutions en liens cliquables \u00e0 l\u2019int\u00e9rieur des publications de votre journal ou de votre Page. Ils aident les utilisateurs \u00e0 trouver des publications portant sur des sujets qui les int\u00e9ressent. Pour cr\u00e9er un hashtag, tapez # (le symbole di\u00e8se) imm\u00e9diatement suivi d\u2019un sujet ou d\u2019une locution, puis ajoutez-le \u00e0 votre...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>Ce tutoriel va vous permettre de greffer le module \u00ab\u00a0menu haut horizontal\u00a0\u00bb dans displayNav Cette astuce Prestashop est valable pour la version 1.6 &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211; On va dans un premier temps greffer le module au hook displayNav : 1) Modules &gt; Position &gt; Greffer un module (en haut \u00e0 droite). Greffer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":893,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/772"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=772"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/772\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/893"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=772"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=772"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}