cambiar anchura menu prestashop 1.7

Cambiar anchura del Menú Horizontal en Prestashop 1.7

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.

Hosting

About the author: Franky Martin (ADMIN)

8 comments to “Cambiar anchura del Menú Horizontal en Prestashop 1.7”

You can leave a reply or Trackback this post.

  1. david - 5 enero, 2018 at 7:53 Reply

    Hola y como haces para centrar el menu?

  2. admin - 26 enero, 2018 at 19:59 Reply

    Hola David, vamos a estudiar tu pregunta y ver si encontramos una fácil solución.

  3. Antonio Rueda - 5 abril, 2018 at 7:29 Reply

    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

  4. Franky Martin (ADMIN) - 5 abril, 2018 at 9:52 Reply

    Hola Antonio, en tu web observo que ya has conseguido volver a mostrar la barra de búsqueda en su lugar.

  5. María - 9 noviembre, 2018 at 13:12 Reply

    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

  6. Franky Martin (ADMIN) - 9 noviembre, 2018 at 17:59 Reply

    Hola María ¿podrías pasarnos link a tu web para comprobarlo?

  7. Franky Martin (ADMIN) - 13 noviembre, 2018 at 18:17 Reply

    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.

Leave a Reply

Your email address will not be published.

diez − ocho =