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.

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 »

——————————-

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

——————————-

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.

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

Et voila le résultat