Menu superior delplegar en acordeón

[ramherfer]

Hola buenas tardes, he buscado por los foros y googleando pero no encuentro nada, quizás algo de antiguas versiones pero que no se adapta a mi versión actual de prestashop 1.6.0.9.

Existe alguna posibilidad de que el menú horizontal superior se despliegue en modo vertical acordeón:

 

item1     item2      item3      item4

item1a

item1b

item1c

item1d

item1e

 

Ahora en la actualidad al poner el cursor sobre item1 se visualiza de la siguiente forma:

 

item1     item2      item3      item4

item1a   item1b   item1c    item1d    item1e

 

Creo que sería mucho mas sencillo de la primera forma ya que el usuario tiene que realizar un solo desplazamiento vertical, tal y como está ahora tiene que realizar un desplazamiento vertical y uno horizontal para ir al item de menú que desea.

 

Espero me podais echar una mano.

Gracias,

Un saludo

 

[LyL Desarrollo]

Si es posible, se deben editar unas lineas en un archivo .CSS 

 

Tengo eso por aca, dejeme buscarlo y edito el post.

[galindogadea]

Hola buenas tardes, he buscado por los foros y googleando pero no encuentro nada, quizás algo de antiguas versiones pero que no se adapta a mi versión actual de prestashop 1.6.0.9.

Existe alguna posibilidad de que el menú horizontal superior se despliegue en modo vertical acordeón:

 

item1     item2      item3      item4

item1a

item1b

item1c

item1d

item1e

 

Ahora en la actualidad al poner el cursor sobre item1 se visualiza de la siguiente forma:

 

item1     item2      item3      item4

item1a   item1b   item1c    item1d    item1e

 

Creo que sería mucho mas sencillo de la primera forma ya que el usuario tiene que realizar un solo desplazamiento vertical, tal y como está ahora tiene que realizar un desplazamiento vertical y uno horizontal para ir al item de menú que desea.

 

Espero me podais echar una mano.

Gracias,

Un saludo

Si es posible, se deben editar unas lineas en un archivo .CSS 

 

Tengo eso por aca, dejeme buscarlo y edito el post.

 

Quizas quitando el:

 float: left; 

del:

.sf-menu > li > ul > li

en

/themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

Y luego quizas reduciendo el:

width: 100%;

del

.sf-menu > li > ul

Edited November 25, 2014 by galindogadea (see edit history)