{"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\/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 176<\/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\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\/afficher-decimales-astuce-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\/afficherprixdecimals-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\/afficher-decimales-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment afficher les prix avec\/sans d\u00e9cimales | Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 2614<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Il est tr\u00e8s simple depuis le back-office de Prestashop d'afficher les prix avec ou sans d\u00e9cimales.\r\nQuel est le processus ?\u00a0\r\nA) Connectez vous dans le back-office de Prestashop\u00a0\r\n\r\nB) Allez dans l'onglet Localisation > Devises\r\n\r\nC) Cliquez sur le bouton \"Modifier\" de la devise que vous d\u00e9sirez modifier\r\n\r\n\r\n\r\n\r\n\r\nD) Activer \/ D\u00e9sactiver les d\u00e9cimales\r\n\r\n\r\n\r\nE) Enregistrez !<\/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\/les-francais-le-e-commerce-et-les-tablettes\/\" 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\/2015\/01\/ecommerce-sur-tablette-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\/les-francais-le-e-commerce-et-les-tablettes\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Les Fran\u00e7ais, le e-commerce et les tablettes  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 114<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie, r\u00e9alis\u00e9e par Content Square, met en avant les comportements de navigation et d\u2019achats des fran\u00e7ais sur tablette, en France.\r\n\r\nLes chiffres viennent d'une \u00e9tude r\u00e9alis\u00e9e d\u2019ao\u00fbt 2013 \u00e0 septembre 2014, sur 50 millions de visites sur tablette et plus de 100 sites e-commerce leaders fran\u00e7ais, multisectoriels.\r\n\r\nA noter : 5% du chiffre d'affaires du e-commerce Fran\u00e7ais se font sur s...<\/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\/parametrer-devise-prestashop-1-6-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\/12\/parametrer-devise-prestashop-400x249.png') 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\/parametrer-devise-prestashop-1-6-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment param\u00e9trer la devise dans Prestashop 1.6 & 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 7298<\/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 cr\u00e9ation d\u2019une devise dans Prestashop 1.7 a \u00e9t\u00e9 grandement simplifi\u00e9e. Par exemple les champs: code ISO et \u00a0ISO code num\u00e9rique ont \u00e9t\u00e9 supprim\u00e9s, il se mettent automatiquement.\r\n\r\nDans ce tutoriel, nous allons voir comment param\u00e9trer les devises dans les deux versions.\r\n\r\n\r\nA) Comment acc\u00e9der \u00e0 la page devise dans Prestashop 1.6 & 1.7\r\nPrestashop 1.6\r\n\r\n1) Depu...<\/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\/nouveau-menu-back-office-de-prestashop-1-7-partie-2\/\" 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\/10\/prestashop1-7-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\/nouveau-menu-back-office-de-prestashop-1-7-partie-2\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Le nouveau menu du back-office de Prestashop 1.7 \u2013 Partie 2  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 5635<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Pour rappel,\u00a0le\u00a0menu du back-office de Prestashop 1.7 est organis\u00e9 en\u00a03 parties\u00a0:\r\n\r\n \tVendre qui regroupe les commandes, le catalogue, les clients, le SAV et les statistiques (voir l'article)\u00a0\r\n \tPersonnaliser qui regroupe les modules, le design, le transport, le paiement et l\u2019international\r\n \tConfigurer\u00a0qui regroupe les pr\u00e9f\u00e9rences et les param\u00e8tres avanc\u00e9s.\r\n\r\n\r\n\r\nDans cet article, nous allons ...<\/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}]}}