Hooks del Header

[hobby_82]

Buenassss estoy con Prestashop 1.7 y la plantilla por defecto. Quiero poner el menú juato abajo del logo y la caja de búsquedas para que no quede en la misma línea ya que es un menú largo.

¿Sabéis a que hook tengo que mover el módulo menú?

 

[nadie]

El menu horizontal actualmente esta en el "displayTop".

Puedes intentar lo siguiente:

Crear un nuevo hook: http://victor-rodenas.com/crear-hooks-en-prestashop/#Crear_hook_en_Prestashop_17

Editar el fichero: /themes/classic/templates/_partials/header.tpl y decir donde quieres mostrar el nuevo hook.
 

{hook h='richardgere'}

(Fijate que en el fichero en cuestión entre otras cosas, veras que se imprime el hook -> displayTop que es donde esta ahora el buscador y el menu horizontal, es cuestión de que organices un poco la estructura para colocar el nuevo hook.

Desenganchar el menu horizontal en diseño -> posiciones de los módulos del displayTop y engancharlo al nuevo hook.

Saludos,

 

 

Edited November 16, 2017 by nadie (see edit history)

[nadie]

Ah perdón, había entendido que querías dejar el buscador al lado del logo y solo bajar el menú.

Pero he vuelto a leer y veo que quieres que tanto el buscador como el menú horizontal estén debajo del logo.

Entonces, en principio modificar solo el fichero:
 

/themes/classic/templates/_partials/header.tpl 

Aquí es donde si imprime el hook -> displayTop donde se ve el menú y el buscador

 

 <div class="col-md-10 col-sm-12 position-static">
          <div class="row">
            {hook h='displayTop'}
            <div class="clearfix"></div>
          </div>
        </div>

Y aqui: (Es donde se imprime el logotipo)

<div class="col-md-2 hidden-sm-down" id="_desktop_logo">
          <a href="{$urls.base_url}">
            <img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
          </a>
        </div>

 

Tendrás que tocar el código  un poquito para cambiarlo de ubicación

-----------

Por otro lado es importante, que si quieres que el ancho realmente sea mas grande (que viene delimitado por las rejillas y no es cuestión solo de cambiarlo de ubicación) tienes que por ejemplo, editar el fichero: 

 

/themes/classic/modules/ps_mainmenu/ps_mainmenu.tpl

Y cambiar aquí

 

col-lg-8 col-md-7

el tamaño de las rejillas según vayas viendo.

 

Para el buscador es parecido,  pero en el fichero:

 

/themes/classic/modules/ps_searchbar/ps_searchbar.tpl

 

Edited November 16, 2017 by nadie (see edit history)