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
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.
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.
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.
Buenos días.
Donde puedo desactivar la compresión del código? Me podrían indicar por favor. Para posteriormente modificarlo.
Muchas gracias
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; }
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.
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.
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.
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.