{"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\/quels-utilisateurs-sur-quels-reseaux-sociaux-en-2015\/\" 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-reseaux-sociaux.jpg.pagespeed.ic_.jr_ntiGqnmUaEEaqq_nW-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\/quels-utilisateurs-sur-quels-reseaux-sociaux-en-2015\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Quels utilisateurs sur quels r\u00e9seaux sociaux en 2015 ?  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 167<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie met en avant le nombre de personnes, le pourcentage d'homme et de femme, le temps pass\u00e9... sur les diff\u00e9rents types de r\u00e9seaux sociaux.\r\n\r\nFacebook :\r\n\r\nNombre de Personnes : 1.415 milliard\r\nTemps moyen pass\u00e9 : 20 minutes\r\nUtilisateur f\u00e9minin : 53%\r\nUtilisateur masculin : 47%\r\n\r\n\r\n\r\nPinterest :\u00a0\r\n\r\nNombre de Personnes :\u00a0\u00a070 millions\r\nUtilisateur f\u00e9minin : 85%\r\nUtilisateur masculi...<\/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\/modifier-larriere-plan-de-boutique-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\/2017\/05\/bg_prestashop1.7-thumb-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\/modifier-larriere-plan-de-boutique-prestashop-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Modifier l\u2019arri\u00e8re-plan de votre boutique Prestashop 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 9699<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Dans ce tutorial, nous allons voir comment modifier les couleurs de fond de votre boutique en ligne Prestashop 1.7. Tout se passe \u00e0 l'int\u00e9rieur des codes.\r\n\r\n1) Haut de page\r\n 2) Contenu\r\n 3) Bas de page\r\n\r\n\r\n\r\n------------------------------------------------------------------\r\nA) Etape 1 : \r\nOuvrir le fichier themes.css dans \/themes\/classic\/assets\/css\/theme.css\r\n\r\n\r\nB) Etape 2 : \r\nDans certaines ...<\/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\/gratuit-template-mails-prestashop\/\" 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-template-mails-prestashop-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\/gratuit-template-mails-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Gratuit : Template Mails |  Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 3695<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Je vous propose une nouvelle mise en page plus minimaliste pour les mails. Le fichier comprend la version anglaise et fran\u00e7aise. Vous pouvez t\u00e9l\u00e9charger les templates gratuitement.\r\n\r\nCette astuce Prestashop est valable pour la version 1.6 et 1.5\r\n\r\n\r\n1)\u00a0Exemple de mails\u00a0\r\n\r\n\r\n\u00a0A noter :\r\n\r\n- Il est possible de modifier le contenu des mails. Pour cela il faut aller dans Localisation > Traductio...<\/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\/manque-dinspiration-10-exemples-de-fiches-produits\/\" 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-inspiration-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\/manque-dinspiration-10-exemples-de-fiches-produits\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Manque d\u2019inspiration : 10 exemples de fiches produits  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 5909<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Le th\u00e8me de la fiche produit fait couler beaucoup d'encre sur les blogs ou les sites de conseils webmarketing. Pour cause, elle est un \u00e9l\u00e9ment important dans le taux de conversion.\r\n\r\nExiste t-il une fiche produit \u00ab\u00a0parfaite\u00a0\u00bb valable pour tous les sites e-commerce ?\r\n\r\nLa r\u00e9ponse est non ,\u00a0chaque site \u00e0 besoin de ses propres informations \u00a0et de les adapter en fonction du client. Une fiche produit...<\/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\/spam-prestashop-contact-form-tpl\/\" 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\/2018\/02\/spam-7-400x232.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\/spam-prestashop-contact-form-tpl\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> SPAM PRESTASHOP FORMULAIRE DE CONTACT  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 3720<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Depuis qq temps, des robots de SPAM utilisent le formulaire de contact des boutiques PrestaShop pour envoyer des mails.\r\n\r\nVoici deux astuces\u00a0 (les deux versions ont \u00e9t\u00e9 test\u00e9es)\u00a0 pour la version Prestashop 1.6\r\n- astuce 1 : I'm not a robot de google\r\n- astuce 2 : captcha invisible\r\n\r\nASTUCE 1 \r\n\r\n1) Allez google Re-capcha : https:\/\/www.google.com\/recaptcha\/intro\/invisible.html\r\n\r\n- En haut \u00e0 droi...<\/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}]}}