{"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\/demenager-site-perdre-referencement\/\" 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\/09\/migration-site-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\/demenager-site-perdre-referencement\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> D\u00e9m\u00e9nager son site sans perdre son r\u00e9f\u00e9rencement  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 812<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Vous avez d\u00e9cid\u00e9 de migrer votre site internet mais vous avez peur\u00a0de perdre votre r\u00e9f\u00e9rencement ?\r\n\r\nDans ce cas je vous conseille de jeter un oeil \u00e0 cette infographie (r\u00e9alis\u00e9 par\u00a0Web et Solutions) qui propose une check-list des points importants \u00e0 mettre en place lorsqu'on effectue une migration de site.\r\nQuels sont les risques d'une mauvaise migration de site ?\u00a0\r\n\r\n \tPerte de r\u00e9f\u00e9rencement\r\n \t...<\/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\/configurer-le-moteur-de-recherche-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\/2019\/08\/moteurderechercheprestashop1.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\/configurer-le-moteur-de-recherche-prestashop-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Configurer le moteur de recherche \u2013 Prestashop 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 8815<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Le tutoriel d'aujourd'hui va vous permettre de configurer le moteur de recherche internet de votre boutique Prestashop 1.7 et ainsi de rendre visible vos produits lorsque qu\u2019un client effectuera une recherche.\r\n\r\nTout d'abord, connectez \u00e0 votre back-office et dans le menu de gauche, s\u00e9lectionnez Configurer -> Param\u00e8tres de la boutique -> Rechercher.\r\n\r\n\r\n\r\nVous arrivez sur une page qui vous ...<\/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\/la-difference-entre-pinterest-et-instagram-infographie\/\" 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-01-\u00e0-21.52.25-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\/la-difference-entre-pinterest-et-instagram-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> La diff\u00e9rence entre Pinterest et Instagram | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 526<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie va vous permettre de connaitre les diff\u00e9rences entre les deux r\u00e9seaux sociaux : Pinterest & Instagram\r\nPinterest\u00a0permet de cr\u00e9er des tableaux o\u00f9 vous pouvez accrocher gr\u00e2ce \u00e0 des \"punaises\", des \u201cpin\u201d, tout ce que vous aimez, en particulier des photos ou des images. \u00c0 l\u2019instar de Facebook, vous pouvez \u00e9changer, partager, aimer ce que vous appr\u00e9ciez et ce que vos amis appr\u00e9cie...<\/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\/8-astuces-seo-petites-entreprises\/\" 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-8astucesseopourlespetitsentreprises-2-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\/8-astuces-seo-petites-entreprises\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 8 astuces SEO pour les petites entreprises  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 337<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >On d\u00e9signe habituellement par le terme \u00ab r\u00e9f\u00e9rencement \u00bb (en anglais SEO pour Search Engine Optimization, traduisez Optimisation des moteurs de recherche) l'ensemble des techniques permettant d'am\u00e9liorer la visibilit\u00e9 d'un site web :\r\n\r\n \tsoumission (en anglais submission) consistant \u00e0 faire conna\u00eetre le site aupr\u00e8s des outils de recherche ;\r\n \tpositionnement (en anglais ranking) consistant \u00e0 posi...<\/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\/7-ingredients-pour-une-landing-page-reussie-e-commerce\/\" 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-lendingpage-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\/7-ingredients-pour-une-landing-page-reussie-e-commerce\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> 7 ingr\u00e9dients pour une landing page r\u00e9ussie | E-commerce  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 397<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie, r\u00e9alis\u00e9 par\u00a0Raffles Media, met en avant 7 astuces qui va vous aider \u00e0 optimiser votre trafic\r\nQu'est une landing page ?\u00a0\r\nAussi connu sous le terme de \"page d'atterrissage\", il s'agit tout simplement de la page qui va accueillir le visiteur lors de sa visite sur votre site web.\r\nComment l'optimiser au mieux ?\u00a0\r\nD\u00e9sol\u00e9e de vous le dire mais aucune landing page est parfaite. Il ex...<\/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}]}}