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.
8 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.
María - 9 noviembre, 2018 at 13:12
Hola,
Soy una asidua a vuestra web, tengo modificado el tema como comentáis y el logo en mi web Prestashop 1.7, queda horizontalmente al lado del menú. Tengo un inconveniente y en algunas ocasiones al dejar el rato sobre el menú el menú se despliega hacia arriba en lugar de hacia abajo.
Muchas gracias
Franky Martin (ADMIN) - 9 noviembre, 2018 at 17:59
Hola María ¿podrías pasarnos link a tu web para comprobarlo?
María - 13 noviembre, 2018 at 17:26
Hola, está en localhost. El menú se despliega unas veces hacia arriba y otras hacia abajo.
Gracias.
Franky Martin (ADMIN) - 13 noviembre, 2018 at 18:17
Nunca nos han comentado ese error por lo que no sabemos a que se puede deber. Si crees que se debe a la modificación que sugerimos en este post te recomendamos volver a la copia guardada del archivo ps_mainmenu.tpl.