Modificar el TOP que viene por defecto

radge

Nuevo usuario
Estoy intentando configurar la barra de navegación que muestra justo debajo del logo el TOP , esto nos crea la categoria y para ella sus hijos , pero lo muestra en forma de "arbol" yo kiero mostrar-lo asi

categoria - subcategoria1 - subcategoria2 ....

Y ahora lo muestra así
categoria1 categoria1
--> subcategoria1 --> subcategoria1
--> subcategoria2 --> subcategoria2

Alguien sabe como hacerlo ? he intentado modificar el codigo que os muestro el que tenemos por defecto en /app/design/frontend/default/default/template/catalog/navigation/top.phtml pero no consigo hacerlo.

gracias radge


PHP:
<?php 
/**
 * Top menu for store
 *
 * @see Mage_Catalog_Block_Navigation
 */
?>
<div class="header-nav-container">
    <div class="header-nav">
        <h4 class="no-display"><?php echo $this->__('Category Navigation:') ?></h4>
        <ul id="nav">
        <?php foreach ($this->getStoreCategories() as $_category): ?>
            <?php echo $this->drawItem($_category) ?>
        <?php endforeach ?>
        </ul>
    </div>
    <?php echo $this->getChildHtml('topLeftLinks') ?>
</div>
 

radge

Nuevo usuario
He conseguido mas o menos algo de lo que busco tocando el CSS tal como me dijeron en el foro americano pero funciona en firefox pero no en IE

PHP:
#nav { padding:0 10px; font-size:1.1em; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }


/************ 0 LEVEL  ***************/
#nav li {text-align:left;}
#nav li.active a { color:white; }
#nav li a { float:left; padding:4px 4px 4px 4px; color:white; font-weight:bold; }
#nav li a:hover { color:#a7c6dd; }


/************ 1 LEVEL  ***************/
#nav ul {text-align:left;}
#nav ul.active a { color:white; }
#nav ul a { float:left; padding:4px 4px 4px 4px; color:white; font-weight:bold; }
#nav ul a:hover { color:#a7c6dd; }


/************ 2ND LEVEL ************/
#nav ul li {text-align:left;}
#nav ul li.active a { color:white; }
#nav ul li a { float:left; padding:4px 4px 4px 4px; color:white; font-weight:bold; }
#nav ul li a:hover { color:#a7c6dd; }


/************ 3ND LEVEL ************/
#nav ul ul {text-align:left;}
salu2 radge :enfadado:
 

mariana

Nuevo usuario
Buenos Dias...

Por favor tengo un problemita que tal vez sea sencillo de solucionar pero le he dado y dado y nada que consigo lo que quiero. Estoy con la version 1.3.3.0. Lo que quiero hacer es quitar las subcategorias que me aparecen en el menu superior, es decir, que solo me aparezcan las categorias tal como esta en esta pagina http://www.samash.com/c/Guitars_182420,, y pues la pagina mia es esta http://audiomarketusa.com/index.php/ . Bueno he intentado por los css (menu.css) y nada y tambien he modificado el archivo top.phtml y nada, el codigo que contiene este archivo es este pero nose que debo cambiar o quitar.

<div class="header-nav-container">
<div class="header-nav">
<h4 class="no-display"><?php echo $this->__('Category Navigation:') ?></h4>

<ul id="nav">
<?php foreach ($this->getStoreCategories() as $_category): ?>
<?php echo $this->drawItem($_category) ?>
<?php endforeach ?>
</ul>
</div>
<?php echo $this->getChildHtml('topLeftLinks') ?>
</div>

Gracias...
 

Larry

Miembro
Buenos dias,

no se si te servira pero prueba en Sistema > Configuracion > Catalogo > Catalogo

Aqui hay una opcion que pone Category Top Navigation y dentro maximal Depth. Este campo teoricamente se refiere al numero de expansiones del menu superior. prueba de ponerle diferentes valores a ver que hace.

Saludos.
 

mariana

Nuevo usuario
YUPIIIIIIIIIIIIIIIIIIIIIII Magento es lo maximo....

Gracias Larry efectivamente hice eso y funciono perfectamente, yo tenia el numero 0 lo cambie a 1 y listo...
Amo este foro...
 
Arriba