Magento Forum

   
Vertikale Navigation, Design
 
helloimac
Jr. Member
 
Avatar
Total Posts:  10
Joined:  2008-08-22
 

Hallo zusammen

Habe nach der Anleitung von Peter Hamilton – http://www.magentocommerce.com/boards/viewthread/720/P60/ – eine vertikale Navigation hingekriegt und habe auch die Klassen nach menu.css kopiert. Kann die Kategorien mittels menu.css einfach nicht formatieren.
Das vert-nav.phtml sieht so aus:

<div class="vertical-nav-container box base-mini">
    <
div id="vertical-nav">
        <
div class="head">
            <
h4><?php echo $this->__('Categories'?></h4>
        </
div>
        <
ul id="nav_vert">
            
<?php foreach ($this->getStoreCategories() as $_category): ?>
            <?php $open 
$this->isCategoryActive($_category); ?>
            <?php $potential 
$_category->hasChildren(); ?>
            
<li><a href="<?php echo $this->getCategoryUrl($_category); ?>"<?php if($openecho ' class="open"'} ?><?php if($potentialecho ' class="potential"'} ?> ><?php if($potential&&$openecho 'v 'elseif($potentialecho '> '}else{ echo '  '}?><?php echo $_category->getName();?></a>
                
<?php if ($open && $potential): ?>
                
<ul>
                    
<?php foreach ($_category->getChildren() as $subcategory): ?>
                    <?php $subCat 
Mage::getModel('catalog/category')->load($subcategory); ?>
                    <?php $open 
$this->isCategoryActive($subCat); ?>
                    <?php $potential 
$subCat->hasChildren(); ?>
                    
<li><a href="<?php echo $this->getCategoryUrl($subCat); ?>" <?php if($openecho ' class="subopen"'} ?><?php if($potentialecho ' class="potential"'} ?><?php if(!$potential&&$openecho ' class="final"'} ?> ><?php if($potential&&$openecho 'v 'elseif($potentialecho '> '}?><?php echo $subCat->getName(); ?></a>
                        
<?php if ($open && $potential): ?>


                
<ul>
                    
<?php foreach ($subcategory->getChildren() as $subsubcategory): ?>
                    <?php $subsubCat 
Mage::getModel('catalog/category')->load($subsubcategory); ?>
                    <?php $open 
$this->isCategoryActive($subsubCat); ?>
                    <?php $potential 
$subsubCat->hasChildren(); ?>
                    
<li><a href="<?php echo $this->getCategoryUrl($subsubCat); ?>" <?php if($openecho ' class="subopen"'} ?><?php if($potentialecho ' class="potential"'} ?><?php if(!$potential&&$openecho ' class="final"'} ?> ><?php if($potential&&$openecho 'v 'elseif($potentialecho '> '}?><?php echo $subsubCat->getName(); ?></a>
                        
<?php if ($open && $potential): ?>



                        
<ul>
                            
<?php foreach ($subsubcategory->getChildren() as $subsubsubcategory): ?>
                            <?php $subsubsubCat 
Mage::getModel('catalog/category')->load($subsubsubcategory); ?>
                            <?php $open 
$this->isCategoryActive($subsubsubCat?>
                            
<li><a href="<?php echo $this->getCategoryUrl($subsubsubCat); ?>" <?php if($openecho ' class="final"'} ?>><?php echo $subsubsubCat->getName(); ?></a></li>
                            
<?php endforeach; ?>
                        
</ul>
                        
<?php endif; ?>
                    
</li>
                    
<?php endforeach; ?>
                
</ul>
                
<?php endif; ?>
            
</li>
            
<?php endforeach ?>
        
</ul>
                        
<?php endif; ?>
                    
</li>
                    
<?php endforeach; ?>
                
</ul>

    </
div>
</
div>

in catalog.xml habe ich folgendes eingefügt:

<!--
eigenes layout
-->        
        
        <
reference name="left">
        <
block type="catalog/navigation" name="catalog.vertnav" template="catalog/navigation/vert_nav.phtml" />
        </
reference>

    </default>

in menu.css habe ich nach Anleitung folgendes eingefügt:

/***************VERTICAL**********************/
/*****ALL*****/

#vertical-nav ul {
    list-style-type: none; /* get rid of the bullets */
    padding:0;             /* no padding */
    margin:0;              /* no margin for IE either */
}

#vertical-nav ul li {
    margin: 0;
    padding: 0;
    display:block;
    margin-top: 1px; /* lines */
}

#vertical-nav ul ul li a,#vertical-nav ul li{
    background-color: #FFFFFF;
}
#vertical-nav ul li a {
    display: block;
    padding: 3px 3px 3px 23px;
    margin:0;
    text-decoration: none;
    height:15px;           /* hint for IE, alternatively remove whitespace from HTML */
    background-color: #CCCCCC;
}
#vertical-nav ul li .open, #vertical-nav .activesubsub, #vertical-nav .subopen {
    font-weight: bolder;
    text-decoration: underline;
    color:#000000
}
#vertical-nav .final{
background-color:#ECECEC;
}

#vertical-nav ul ul li a {
    margin-left: 20px;
}

#vertical-nav ul ul ul li a {
  margin-left: 40px;     /* indent level 2 */
}

#vertical-nav a {
  color:#999999;
}
#vertical-nav a:hover {
  color:#666666;
}
#vertical-nav ul li ul li a {
    border-top-width: thin;
    border-bottom-width: thin;
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-top-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    margin-bottom:0px;
    margin-top:0px;
}
#vertical-nav ul li ul li {
    margin-bottom:0px;
    margin-top:0px;
}

Was muss ich tun, wie muss ich vorgehen, wo liegt der Hund begraben, damit ich die Kategorien über das menu.css formatieren kann?
Danke.
Martin

Die vertikale Navigation sieht so aus, siehe Bild unten

Image Attachments
Bild 28.png
 
Magento Community Magento Community
Magento Community
Magento Community
 
helloimac
Jr. Member
 
Avatar
Total Posts:  10
Joined:  2008-08-22
 

Für einen klitzekleinen Hinweis, warum das menu.css, resp die Klassen nicht geladen werden, wäre ich wahnsinnig dankbar.

 
Magento Community Magento Community
Magento Community
Magento Community
 
rightman
Jr. Member
 
Total Posts:  1
Joined:  2008-09-11
 

nurmal so als kleine frage vorweg, hast du schon den cache von magento geleert?

ich hab mich heute vormittag auch schon damit rumgeärgert, und hab nach ner stunde den cache erst einmal abgeschaltet, solange wie ich am shop arbeite…

falls dies nicht geholfen hat, dann poste doch mal die ausgabe im frontend, vielleicht haut dort etwas nicht hin…

 
Magento Community Magento Community
Magento Community
Magento Community
 
paravista
Member
 
Total Posts:  63
Joined:  2008-03-11
 

Wird die menu.css überhaupt eingebunden? Das kannst Du am besten direkt im Quelltext des Browsers einsehen.
Für CSS Geschichten empfehle ich grundsätzlich Firebug für FF oder Web-Developer AddOn für IE. Damit findet man meist schnell das entsprechende CSS Problem.

Gruß
Michael

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
    Back to top