Menu Home

Guillem2

Nuevo usuario
Buenos dias,

Alguien sabe como modificar el menu, es decir por poner un ejemplo "facil" me gustaria tener un menu como estos:

sport1.jpg source2.jpg

Al pasar por el menu de arriba se desplaza la pagina web ligeramente hacia abajo para que se puedan ver claramente.


Gracias
 

Guillem2

Nuevo usuario
Buenas a ambos,

Muchas gracias, el que tenia en marxa era el Custom Menu.

El problema viene con esto:

sport2.jpg

Cómo podeís ver el menu no me ocupa todas mis categorias. Sabes como arreglarlo? Y si en un futuro quiero poner más como lo haho para que salgan unas debajo de otras?

Muchas gracias
 
Upvote 0

Guillem2

Nuevo usuario
Buenas creo que tiene que ver con esto de aquí pero no veo que tocar para hacer el menu que envuelve más grande.

PHP:
div.wp-custom-menu-popup {

    position:absolute;

    z-index:3000;

    display: none;

    background-color:#fff;

    text-align:left;

}

div.wp-custom-menu-popup {

	font-size:11px;

    padding:0;

	color:#8e8c8c;

	text-transform:uppercase;

	background:url(../images/wp-custom-menu-popup.png) repeat-x center top;

	width:100%;

	border-radius:0 0 6px 6px;

	font-weight:600;

}

div.wp-custom-menu-popup a {

    text-decoration: none;

    display:block;

	/* color:#a6ce39; */

	color:#424242;

	line-height:23px;

	background:url(../images/wp-custom-menu-popup-line.png) repeat-x center top;

}

div.wp-custom-menu-popup a:first-child {background:none}

div.wp-custom-menu-popup a.level1 {}

div.wp-custom-menu-popup a.actParent { color: #a6ce39;}

div.wp-custom-menu-popup a.act { color: #fff; font-weight:bold; }

div.column {

    float:left;

    width:180px; /* column width */

    padding:5px;

	margin-right:25px;

}

div.itemSubMenu { padding:0; text-transform:none;}

.clearBoth { clear:both;}

.block1 {padding:10px 20px; } /* min-height:170px; */

.block1 .column {padding:10px 0 0 0;}

.block2 {width:163px; height:150px; position:absolute; right:10px; top:9px;}


Buenas a ambos,

Muchas gracias, el que tenia en marxa era el Custom Menu.

El problema viene con esto:

Ver el archivo adjunto 476

Cómo podeís ver el menu no me ocupa todas mis categorias. Sabes como arreglarlo? Y si en un futuro quiero poner más como lo haho para que salgan unas debajo de otras?

Muchas gracias
 
Upvote 0

Xarlie

Super Moderador
Miembro del equipo
O bien fuerzas el alto de esa capa dentro del estilo o bien al en el código fuerzas metiendo el siguiente código:
HTML:
<div style="clear: both; "></div>
justo antes de cerrar la capa donde está ese contenido.
 
Upvote 0

Guillem2

Nuevo usuario
Buenas Xarlie,

Consegui arreglar el tema, toqueteando el CSS. Basicamente debes jugar con tipos de letra y el tamaño del wp menu actv.

source1.jpg

Ahora me enfrento a otro reto, conseguir que las categorias principales muestren una imagen en cuyo caso se puede eliminar los submenus para tener sitio para las imagenes si se requiere. Si no se amplia el menu y se baja el tipo de letra unos px más.

Alguna idea para que las Thumb de categorias funcionen y se muestren en el top menu?
Y otro reto, es posible crear un menu secundario dentro de las top categorias, es decir que se muestren las subcategorias una vez pasas por encima con el raton?

Saludos
 
Upvote 0

Xarlie

Super Moderador
Miembro del equipo
Igual que cargar la categoría puedes leer el thumbnail que hayas puesto en la categoría con $_category->getThumbnail() (la ruta la sacarás con Mage::getBaseUrl('media').'catalog/category/')
Sobre las subcategorías no lo entiendo muy bien... si ya se despliega el menú grande al pasar por la categoría principal y con ellas todas las subcategorías... ¿cuales son las que quieres mostrar? En cualquier caso todo es posible... pero seguramente te toque programar, no creo que ese modulo lo permita :)
 
Upvote 0
Arriba