Jump to content

Hooks del Header


hobby_82

Recommended Posts

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ú?

 

Link to comment
Share on other sites

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 by nadie (see edit history)
Link to comment
Share on other sites

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 by nadie (see edit history)
  • Thanks 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...