Si usas la plantilla por defecto de Prestashop 1.7 habrás observado que el menú horizontal está un poco limitado a la hora de poder incluir un mayor número de pestañas. Hoy queremos mostrarte como cambiar la anchura del menú horizontal de Prestashop 1.7 con un pequeño cambio.
Para conseguir aumentar la anchura del menú de Prestashop 1.7 lo primero que debemos hacer es eliminar le módulo de búsqueda de esta zona, para ello vamos a Diseño>>Posiciones de los módulos y buscamos el módulo Barra de búsqueda y lo desenganchamos del hook displayTop.
Una vez hecha esta simple operación tenemos que editar el archivo ps_mainmenu.tpl que se encuentra en la ruta:
/themes/classic/modules/ps_mainmenu/ps_mainmenu.tpl
NOTA: No olvides guardar una copia del archivo original antes de editarlo.
Abrimos y buscamos el código:
<div class="menu col-lg-8 col-md-7 js-top-menu position-static hidden-sm-down" id="_desktop_top_menu">Tenemos que modificar los valores 8 y 7 (nosotros hemos puesto 10 y 10).
Limpiar caché y ver modificaciones. Si no quedamos contentos con el resultado podemos ir probando diferentes valores.
4 comments to “Cambiar anchura del Menú Horizontal en Prestashop 1.7”
You can leave a reply or Trackback this post.
david - 5 enero, 2018 at 7:53
Hola y como haces para centrar el menu?
admin - 26 enero, 2018 at 19:59
Hola David, vamos a estudiar tu pregunta y ver si encontramos una fácil solución.
Antonio Rueda - 5 abril, 2018 at 7:29
Actualmente estoy construyendo mi sitio en la versión 1.7.3.0. Agradezco me aclares y como reubicas la barra de busqueda que se desenganchó? ya que luego de desengancharla no la encuentro o visualizo y tampoco la puedo enganchar a otro hook.
Gracias
Franky Martin (ADMIN) - 5 abril, 2018 at 9:52
Hola Antonio, en tu web observo que ya has conseguido volver a mostrar la barra de búsqueda en su lugar.