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

Bug Google MAP – Petit problème… | Prestashop 1.6
views 3995
Vous êtes sur Prestashop 1.6 et la carte Google MAP, ne s'affiche pas sur la page "magasins" ? Voici un tutoriel qui va permettre de régler ce petit souci. A) Obtenir un clé API sur google Pour générer une clé API de la part de google, allez sur le site suivant : https://developers.google.com/maps/documentation/javascript/?hl=fr et cliquez sur obtenir une clé OPTION  1)  ...
Désactiver “Suivez le guide : découvrez PrestaShop “
views 412
Vous en avait marre de voir la bannière "Suivez le guide : découvrez PrestaShop ", sur vos pages ? Dans ce cas, suivez ce tuto Comment désactiver "Suivez le guide : découvrez PrestaShop " Depuis le back-office, allez dans Modules et Services > Modules et Services et recherchez le module OnBoarding. Installez-le et le tour est joué  
Taille des Images du thème par défaut de Prestashop 1.6
views 6377
Ce tutoriel va vous permettre de connaitre la taille des images du thème par défaut de Prestashop La plupart des images que vous téléchargez dans le back-office doivent être enregistrées au format .jpg ou .png. Attention pour activer le format png il faut aller dans Préférences > Images et dans la partie "Options de génération d'images", cochez dans format d'image : Utiliser le PNG uniquemen...
Comment dupliquer un thème Prestashop 1.6 ?
views 2603
Vous désirez apporter des modifications dans les fichiers TPL, CSS... du thème par défaut de Prestashop. Je vous conseille fortement de le dupliquer et de garder l'original. Il est très facile de dupliquer un thème depuis le back-office de Prestashop. Voici un petit tutorial: Etape 1: Depuis le menu, allez dans l'onglet Préférences > Thèmes Etape 2: Cliquez sur "Ajouter un t...
15% de réduction pour tous les produits de la boutique | Astuce Prestashop 1.6
views 1767
Vous désirez mettre en place une campagne de promotion :  15% de réduction pour tous les produits de la boutique 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 infor...

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 *