Personalizar submen...
 
Avisos
Vaciar todo

Personalizar submenu - modulo topmenu - theme Listea

20 Respuestas
3 Usuarios
0 Reactions
891 Visitas
Respuestas: 2640
Famed Member
Topic starter
 

Buenos días,

Esto intentando dejar los submenú de primer nivel con un fondo y un espacio entre ellos como aparecen aquí:

http://www.paranenesynenas.es

Imagino que esta página usará algún módulo externo pero para hacer lo que quiero no creo que necesitemos un módulo externo no?

Desde mi punto de vista trabajan casi igual los dos módulos, el nuestro y el de ellos.

Si abres cualquier item de menú verás los menús que están dentro y lo que quiero mejorar un poco.

Adjunto captura de pantalla de como me gustaría que quedase, más que nada para que destaque un poco más.

Gracias.

Un saludo, Enrique P.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 12/04/2017 9:17 am
Pepe
 Pepe
Respuestas: 41116
Illustrious Member Admin
 

Hola Enrique.

No puedo acceder a la web, da un error 404, no se si la eliminaste o realizaste alguna modificación pero no carga.

Un saludo


 
Respondido : 12/04/2017 9:31 am
Respuestas: 2640
Famed Member
Topic starter
 

Buenos días,

Disculpa me faltó un "r" en la url.

Url: http://informaticapavon.net/desarrollo/lasmarcasdemoda/index.php?

Gracias.

Espero tus noticias.

Un saludo, Enrique P.


 
Respondido : 12/04/2017 10:55 am
Pepe
 Pepe
Respuestas: 41116
Illustrious Member Admin
 

Hola Enrique.

ok, ¿ que es lo que quieres mejorar, el tipo de letra, el color, los espacios entre categorías, añadir imágenes, etc.. ? por que lo veo prácticamente igual que el que tienes.

un saludo


 
Respondido : 12/04/2017 12:02 pm
Respuestas: 2640
Famed Member
Topic starter
 

Buenas tardes,

En principio los espacios entre los nombres. Si se puede mejorar un poco más estética en cuanto a fondo mejor.

Gracias Pepe y disculpa por el retraso en la respuesta.

He estado fuera de la oficina.

Un saludo, Enrique P.


 
Respondido : 21/04/2017 9:11 am
Pepe
 Pepe
Respuestas: 41116
Illustrious Member Admin
 

Hola Enrique, Buenos Días.

Prueba si con esto mejoramos un poco la estética:

.sf-menu > li > ul > li > a {
padding: 5px 5px 5px 15px;
margin-bottom: 5px;
}

#menu-bar {
background: #FFC0CB none repeat scroll 0% 0%;
}

.sf-menu > li > a {
color: #fefefe;
font-size: 14px;
font-weight: bold;
}

Un saludo


 
Respondido : 21/04/2017 12:20 pm
Respuestas: 2640
Famed Member
Topic starter
 

Buenos días Pepe,

Esto sería para modificar el menú no?

Según he podido ver en los cambios gráficos, me refiero al submenú que se abre.

En la foto que adjunto en el primer mensaje te señalo un item del submenú con una línea en azul. ¿La tienes?

Si no, avísame y la vuelvo a subir.

Gracias.

Un saludo, Enrique P.


 
Respondido : 24/04/2017 9:23 am
Pepe
 Pepe
Respuestas: 41116
Illustrious Member Admin
 

Hola Enrique:

Esto sería para modificar el menú no?
Si, los codigos que te paso modifican el color de barra del menú, cambia el formato de texto ' Blod ' y añade espacios entre lo elementos del menu.

Añade lo siguiente en tu archivo custommaker que encontraras en tuplantilla/css:

.sf-menu > li > ul > li > a {
padding: 5px;
line-height: 35px;
}
 
#menu-bar {
background: #FFC0CB none repeat scroll 0% 0%;
}
 
.sf-menu > li > a {
color: #fefefe;
font-size: 14px;
font-weight: bold;
}

El resultado seria el siguiente:

Un saludo


 
Respondido : 24/04/2017 9:59 am
Respuestas: 2640
Famed Member
Topic starter
 

Buenas tardes Pepe,

¿Podríamos reducir un poco el submenu para tenerlo así:

Ahí solo se muestran 4 columnas y todas muy pegaditas, en la nuestra como que hay demasiado espacio entra una columna y otra y el menú se hace muy grande.

Gracias.

Un saludo, Enrique P.


 
Respondido : 24/04/2017 6:17 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Actualmente ya lo veo como en tu imagen, no se si ya pudiste realizar las modificaciones, si no es esto detalla un poco más tu consulta.

Saludos.


 
Respondido : 24/04/2017 9:44 pm
Respuestas: 2640
Famed Member
Topic starter
 

Buenos días,

Me refiero al ancho. Adjunto imágenes donde se entenderá todo.

Gracias.

Un saludo, Enrique P.


 
Respondido : 25/04/2017 8:54 am
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Entiendo que estas comparando los menús de dos sitios de :
Contenido solo visible a usuarios registrados

El tema es que en el primero estas usando algún módulo de megamenú que no tienes en el otro.
He visto que te genera estilos muy estrictos, evalúa mejor dejar el menú por defecto que tiene PrestaShop

Saludos.


 
Respondido : 25/04/2017 6:13 pm
Respuestas: 2640
Famed Member
Topic starter
 

Buenos días,

No, nos gusta más este. ¿Podría seguir este tema con Pepe, por favor?

Solo necesito quitar un poco de espacio entre las subcategorías.

Gracias.

Espero tus noticias Pepe.

Un saludo, Enrique P.


 
Respondido : 26/04/2017 8:38 am
Pepe
 Pepe
Respuestas: 41116
Illustrious Member Admin
 

Hola Enrique.

Disculparme por la demora :huh:

Puedes reducir el tamaño pero también dependerá del tamaño de categoría ya que algunas son mas largas ( De texto ) que las otras.

Añade lo siguiente :

.sf-menu > li > ul > li {
    width: 15%;
}

Puedes modificar el valor de width: para aumentarlo o reducirlo, es posible que si lo reduces demasiado tengas categorías con dos lineas e igual tenemos que gustarlo.

Déjalo en el tamaño que quieres y si luego tenemos que ajustar las lineas lo indicas y seguimos 😉

Un Saludo


 
Respondido : 26/04/2017 1:57 pm
Respuestas: 2640
Famed Member
Topic starter
 

Buenas tardes,

He configurado ese estilo y he reducido el ancho del menú que se abre a un 70%, ahora está mejor, me faltaría que las cajas de los submenu fueran todas iguales de ancho, no que el ancho dependa del nombre.

Así:

--

Para que estos cambios no afecten a la vista móvil que debemos hacer?

Gracias.

Un saludo, Enrique P.


 
Respondido : 26/04/2017 5:23 pm
Página 1 / 2