Lograr menu vertica...
Avisos
Vaciar todo

Lograr menu vertical en Plantilla Default de Prestashop  

 
oscar alejandro
 oscar alejandro
Estimable Member

Buenos dias, Equipo Prestashop.

Estoy usando la plantilla que viene por Default en Prestashop pero me gustaria cambiar la disposicion del Menú.
El menu viene horizontal pero quisiera convertirlo en vertical y de ser posible agregarle alguna imagen.
Espero que me puedan colaborar.

Agrego algunas imagenes de lo que me gustaría lograr.

Muchas gracias.!

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 06/10/2015 8:11 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Podrías probar agregando el siguiente codigo CSS al final en algún archivo de tu theme, posiblemente el archivo global.css, no te puedo decir cual con exactitud por que esta habilitado la cache:

  .sf-menu > li > ul > li{
  float:none;
  }

El código lo que hace es quitar el flota right

Saludos.

ResponderCitar
Respondido : 06/10/2015 10:50 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

oscar alejandro
 oscar alejandro
Estimable Member

Buenas tardes.
Quizas no me explique debidamente.
Como veras en mi pagina web, las sub- categorías por ejemplo de Joyería en acero ( en mi caso: Candongas, aretes, collares, etc) se ven de manera HORIZONTAL. Me gustaría que pudieran disponerse de manera vertical como lo mostré en la segunda imagen: (frambuesa8.jpg)

Es posible hacerlo.?

Mil gracias.

ResponderCitar
Respondido : 06/10/2015 11:34 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Se tendría que revisar si existe la posibilidad de modificarlo por CSS, para esto tendrías que desactivar la compresión de los ficheros CSS y luego de esto verificar el código.

ResponderCitar
Respondido : 07/10/2015 2:02 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

oscar alejandro
 oscar alejandro
Estimable Member

Buenos días.

Donde puedo desactivar la compresión del código? Me podrían indicar por favor. Para posteriormente modificarlo.

Muchas gracias

ResponderCitar
Respondido : 07/10/2015 1:59 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Prueba a añadir el siguiente estilo CSS al final del archivo global.css para ver si te funciona:

.sf-menu > li > ul > li {
float: none !important;
}
ResponderCitar
Respondido : 07/10/2015 4:00 pm

oscar alejandro
 oscar alejandro
Estimable Member

Buenos dias.

Efectivamente funciono. (De ser posible, les agradeceria que visitaran mi pagina web para que me puedan colaborar con otra cuestion, claro esta, del mismo tema)
El menu ha quedado verticalmete, pero como puedo dar un espacio entre los textos, es decir, que no queden tan saturados, darle un poco mas de aire) por decrilo de alguna manera.

Tambien, como podria agregar una imagen (como lo mostre en mi primer ejemplo)
Mil gracias quedo atento su pronta ayuda.

Muchas gracias.

ResponderCitar
Respondido : 15/10/2015 1:40 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Para aumentar el espacio entre los subelementos de menú, pueda a agregar el siguiente código CSS adcional:

.sf-menu > li > ul > li {
padding-bottom: 10px;
}

Sobre la posibilidad de agregar una imagen, edita la categoría "Joyas de acero" y agrega la imagen que quieras mostrar en el menú en el campo Miniaturas. No existe otro método de añadir imágenes al menú con este módulo.

ResponderCitar
Respondido : 15/10/2015 3:28 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

oscar alejandro
 oscar alejandro
Estimable Member

Buenos dias.

He seguido los consejos y todo ha funcionado.
Aunque se me ha generado otra duda:
-Es posible hacer que la miniatura del menu no aparezca en la parte superior si no en la parte lateral?

Adjunto una imagen de como aparece si coloco una miniatura y de como me gustaría que se viera:

Muchas gracias.

ResponderCitar
Respondido : 15/10/2015 6:31 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Actualmente no aparece la imagen, tendrías que dejar la imagen en el ítem de menú para ver que código se genera y ver si es posible alinearla a la derecha

Saludos.

ResponderCitar
Respondido : 15/10/2015 8:50 pm

Cursos Gratuitos WordPress