Buenos dias,
Alguien sabe como modificar el menu, es decir por poner un ejemplo "facil" me gustaria tener un menu como estos:
Al pasar por el menu de arriba se desplaza la pagina web ligeramente hacia abajo para que se puedan ver claramente.
Gracias
Eso lo hace una extension, busca en el connect.
Version 1.7.1
costelletes, post: 25179 wrote: Eso lo hace una extension, busca en el connect.
Por casualidad no te acordaras del nombre o alguna referencia?
Tienes muchos del estilo:
http://www.magentocommerce.com/magento-connect/pronav-mega-dropdown.html
http://www.magentocommerce.com/magento-connect/sm-mega-menu-magento-module-6599.html
http://www.magentocommerce.com/magento-connect/mega-menu-2015.html
http://www.magentocommerce.com/magento-connect/navigation-menu-megamenu.html
...
Soporte profesional para Magento: www.estatiko.com
Buenas a ambos,
Muchas gracias, el que tenia en marxa era el Custom Menu.
El problema viene con esto:
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
Buenas creo que tiene que ver con esto de aquí pero no veo que tocar para hacer el menu que envuelve más grande.
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;}
Guillem2, post: 25190 wrote: Buenas a ambos,
Muchas gracias, el que tenia en marxa era el Custom Menu.
El problema viene con esto:
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
O bien fuerzas el alto de esa capa dentro del estilo o bien al en el código fuerzas metiendo el siguiente código:
<div style="clear: both; "></div>
justo antes de cerrar la capa donde está ese contenido.
Soporte profesional para Magento: www.estatiko.com
Buenas Xarlie,
Consegui arreglar el tema, toqueteando el CSS. Basicamente debes jugar con tipos de letra y el tamaño del wp menu actv.
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
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 🙂
Soporte profesional para Magento: www.estatiko.com