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.

public function hookdisplayHeader($params){
    $this->context->controller->addJS($this->_path.'js/hoverIntent.js');
$this->context->controller->addJS($this->_path.'js/superfish-modified.js');
$this->context->controller->addJS($this->_path.'js/blocktopmenu.js');
$this->context->controller->addCSS($this->_path.'css/blocktopmenu.css');
$this->context->controller->addCSS($this->_path.'css/superfish-modified.css');
}

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

Gérer les paniers abandonnés | Astuce Prestashop 1.6
views 5220
Qu'est ce qu'un panier abandonné ?  L’abandon de panier,  c’est lorsque l’un de vos internautes ne finalise pas le processus de commande, après avoir ajouté un ou plusieurs produits dans le panier et cliqué sur le bouton "commander". Un internaute peut décider d'arrêter sa commande à n'importe quelle étape du processus: création de compte, choix de livraison, paiement.... Où consulter la li...
Insérer pop-up dans une page CMS | Astuce Prestashop 1.6
views 4122
Un client désirait insérer un système de pop-up dans la page cms de Prestashop Je ne voulais pas installer un n-ième module pour faire simplement cela ni insérer un autre script/bibliothèque que ceux inclus dans Prestashop. Cette astuce Prestashop est valable pour la version 1.6 Voilà l'astuce. ------------ 1) Ouvrir un ficher qui se nommera Validate.php, insérer le code suivant...
Le nouveau menu du back-office de Prestashop 1.7 – Partie 3
views 15958
Pour rappel, le menu du back-office de Prestashop 1.7 est organisé en 3 parties : Vendre qui regroupe les commandes, le catalogue, les clients, le SAV et les statistiques (voir l'article)  Personnaliser qui regroupe les modules, le design, le transport, le paiement et l’international Configurer qui regroupe les préférences et les paramètres avancés. Dans cet article, nous allons ...
Insérer un favicon dans votre boutique Prestashop
views 5631
A) Qu'est ce qu'un favicon ?  Le favicon est l'icône qui se situe à  gauche de l'URL dans la barre d'adresse de votre navigateur B) Quelle est la taille d'un favicon ?  Cette icône a généralement une taille de 16 × 16 ou 32 × 32 pixels. C) Comment insérer un favicon sur ma boutique Prestashop ?  1. Vous devez créer une image de16 × 16 ou 32 × 32 pixels en utilisant Photoshop par exemp...
Mettre une page catégorie comme page d’accueil | Astuce Prestashop 1.6
views 2045
Ce petit tuto va vous permettre de transformer votre page catégorie en page d'accueil. Cette petite astuce Prestashop est valable pour la version  1.5 et 1.6 1) Ouvrez le fichier IndexController.php qui se situe dans controllers/front/IndexController.php 1.1 - Modifier "extends" Remplacer  class IndexControllerCore extends FrontController Par class IndexControllerCore extends Ca...

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 *