Greffer le menu haut horizontal dans displayNav | Astuce Prestashop 1.6

Ce tutoriel va vous permettre de greffer le module « menu haut horizontal » dans displayNav

Cette astuce Prestashop est valable pour la version 1.6

————————–

On va dans un premier temps greffer le module au hook displayNav :

1) Modules > Position > Greffer un module (en haut à droite). Greffer le module « Menu Haut Horizontal sur displayNav.

Greffer le menu Haut horizontal displayNav

2) Cliquez sur Enregistrer

—————————-

Maintenant on va degreffer le module du hook displayTop

3) Allez dans Modules > Position. Recherchez le hook displayTop et degreffer le module « menu haut horizontal »

Greffer le menu Haut horizontal displayNav

——————————-

Si vous retournez sur le front-office de votre boutique vous devriez avoir le visuel ci-dessous. Comme vous pouvez le constater ce n’est pas pas génial, le module ne prend plus en compte le CSS et et JS

Greffer le menu Haut horizontal displayNav

——————————-

Pour remédier à cela on va modifier le fichier blocktopmenu.php

4) Pour cela allez dans modules > blocktopmenu > blocktopmenu.php. Tout a la fin du code, juste avant la dernière accolade collez le code suivant puis enregistrez.

Ce bout de code va permettre de greffer le module à displayHeader

—————————

5) On retourne dans la back office de prestashop, puis Modules > Position > Greffer un module (en haut à droite). On va greffer le module « menu Haut Horizontal » dans Header. N’oubliez pas d’enregistrer.Greffer le menu Haut horizontal displayNav

———————————-

Et voila le résultat 

Greffer le menu Haut horizontal displayNav

Articles similaires

3 produits achetés le 2ème gratuit | Astuce Prestashop
views 5933
Vous désirez mettre en place une campagne de promotion : x produits achetés, 1 offert. Il est très facile de configurer ce cas de figure dans Prestashop Comment mettre en place cette promotion dans le back-office de Prestashop  ?  A) Connectez-vous au back-office de Prestashop B) Allez dans l'onglet Promotions > Règles Paniers C) Configurer les informations comme ci-dessous ...
Configurer le moteur de recherche – Prestashop 1.7
views 8815
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’un client effectuera une recherche. Tout d'abord, connectez à votre back-office et dans le menu de gauche, sélectionnez Configurer -> Paramètres de la boutique -> Rechercher. Vous arrivez sur une page qui vous ...
Le nouveau menu du back-office de Prestashop 1.7 – Partie 1
views 4825
La version R.C.0.1 de Prestasho 1.7 est sortie, et grande surprise son back-office a été traduit en français (enfin une grande partie) Par rapport à Prestashop 1.6,  celui-ci a totalement été remodelé. Il se veut plus ergonomique et plus simple d’utilisation. Dans ce tutoriel, nous allons voir comment a été remanié le "menu". Par rapport à Prestashop 1.6, le menu est organisé en 3 parties...
Modifier la police d’écriture avec Google Fonts – PrestaShop 1.7
views 7233
Dans ce tuto nous allons voir comment modifier la police d'écriture avec Google Fonts pour votre site PrestaShop 1.7 A noter: actuellement la police par défaut est Noto Sans, sans-serif Etape 1) Choisir sa police d'écriture  Nous allons choisir notre/nos police(s) d'écriture sur le site de Google Fonts à cette adresse : https://fonts.google.com/ Je vais choisir deux polices d'écriture, 1 ...
Comment modifier le message de Copyright en bas de page | Prestashop 1.7 ?
views 20923
Lors du paramétrage de votre boutique Prestashop, vous désirez peut-être modifier le message de Copyright en bas de page. Par défaut, le message est le suivant : © 2016 – Ecommerce software by PrestaShop™. Lorsque nous cliquons sur lien,  on est transféré sur le site de Prestashop. Dans un premier temps, nous verrons comment modifier le message et dans un deuxième temps, comment modif...

5 réponses à “Greffer le menu haut horizontal dans displayNav | Astuce Prestashop 1.6”

  1. anglada claude dit :

    Bonjour,

    Est-il possible de mettre une image en fond dans displaynav ?

    Merci,

    Claude

  2. c_majory dit :

    Bonjour,

    Oui, il faut rajouter votre image directement dans le code css

    Cordialement

  3. Pierre dit :

    Bonjour,

    Dans le même sens pourriez nous guider s’agissant du Panier à placer dans displaynav ?
    La position est pourtant prévue nativement mais le résultat est identique à celui que vous décrivez.
    J’ai contourné le problème en :
    – ne laissant dans displayTop que le panier,
    – et en remontant dans header.tpl la ligne {if isset($HOOK_TOP)}{$HOOK_TOP}{/if} entre les balise
    Mais pas sur que cela corresponde au besoin de tous le monde… d’autant qu’il va falloir jouer du CSS.
    Merci d’avance et cordialement

  4. Pierre dit :

    PS :
    – lire les balises

  5. Pierre dit :

    PS 2 :
    – lire les balises . . .
    Pour la propreté de votre blog vous pouvez compléter mon 1er post

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *