Mover el menú horizontal superior al Hook displayNav en Prestashop 1.6

06 noviembre, 2014 |

Si te gusta, compártelo ;)

En este tutorial voy a mostraros cómo trasplantar el módulo Menú horizontal superior al Hook displayNav. En principio se puede trasplantar este Hook sin problemas, pero el menú no funcionará bien debido a la ausencia de llamadas a archivos js y css.

Trasplantar menú horizontal superior en Prestashop

Trasplantando el módulo al Hook displayNav

Para trasplantar el módulo debemos seguir la ruta "Módulos > Posiciones de los módulos" en nuestro Back-office. Una vez estemos en esta ubicación, clicar el texto Insertar un hook.

Insertar un hook en Prestashop 1.6

Insertar estos dos valores como podemos ver en la imagen y guardar cambios sin tocar nada más.

Desenganchar el módulo de su antigua posición:

Ahora es el momento de desenganchar el módulo de su antigua posición. Ir a la ruta "Módulos > Posiciones de los módulos" en nuestro Back-office y buscar en la lista de módulos el denominado displayTop, y desengancharlo como se muestra en la siguiente imagen:

Desenganchar módulo displayTop en Prestashop 1.6

Una vez desenganchado, tenemos que modificar el archivo php del módulo. Esto es necesario, porque de lo contrario, el menú carecerá de formato, ya que no será capaz de llamar a los archivos css necesarios, ni tendrá funcionalidad ante la ausencia de archivos js.

Por eso debemos buscar y abrir el archivo prestashop/modules/blocktopmenu/blocktopmenu.php, y antes del último corchete de cierre pegar esta función:

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');
 }

Guardamos cambios en el archivo y terminamos con él.

Trasplantando el módulo al Hook displayHeader

En el Back-office sigamos la ruta Módulos > Posiciones de los módulos, hacemos clic en Insertar un hook. En el primer desplegable seleccionamos Menú horizontal superior; en el segundo desplegable seleccionar displayHeader (Pages header). Guardamos cambios y ya habremos terminado.

No hay comentarios: