Template File
Code: Alles auswählen
<div class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<div class="navbar-collapse collapse">
<?php
$PATH = explode("|",$this->getValue("path").$this->getValue("article_id")."|");
echo '<ul class="nav navbar-nav">';
foreach (OOCategory::getRootCategories() as $lev1)
{
if($lev1->getId() == $PATH[1])
{
if(count($lev1->getChildren())>0)
{
echo '<li class="active dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="'.$lev1->getUrl().'" title="'.$lev1->getName().'">'.$lev1->getName().'</a>';
}else{
echo '<li class="active"><a href="'.$lev1->getUrl().'" title="'.$lev1->getName().'">'.$lev1->getName().'</a>';
}
}else{
if(count($lev1->getChildren())>0)
{
echo '<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="'.$lev1->getUrl().'" title="'.$lev1->getName().'">'.$lev1->getName().'</a>';
}else{
echo '<li><a href="'.$lev1->getUrl().'" title="'.$lev1->getName().'">'.$lev1->getName().'</a>';
}
}
if(count($lev1->getChildren())>0)
{
echo '<ul class="dropdown-menu">';
foreach ($lev1->getChildren() as $lev2)
{
if($lev2->getId() == $PATH[1])
{
$dropdownSub = "";
if(count($lev2->getChildren())>0) $dropdownSub = "dropdown-submenu";
echo '<li class="active '.$dropdownSub.'"><a tabindex="-1" href="'.$lev2->getUrl().'" title="'.$lev2->getName().'">';
echo $lev2->getName();
echo '</a>';
if(count($lev2->getChildren())>0)
{
echo '<ul class="dropdown-menu">';
foreach ($lev2->getChildren() as $lev3)
{
if($lev3->getId() == $PATH[2])
echo '<li class="active"><a href="'.$lev3->getUrl().'" title="'.$lev3->getName().'">'.$lev3->getName().'</a>';
else
echo '<li><a href="'.$lev3->getUrl().'" title="'.$lev3->getName().'">'.$lev3->getName().'</a>';
}
echo '</ul>';
}
}else{
$dropdownSub = "";
if(count($lev2->getChildren())>0) $dropdownSub = "dropdown-submenu";
echo '<li class="'.$dropdownSub.'"><a tabindex="-1" href="'.$lev2->getUrl().'" title="'.$lev2->getName().'">';
echo $lev2->getName();
echo '</a>';
if(count($lev2->getChildren())>0)
{
echo '<ul class="dropdown-menu">';
foreach ($lev2->getChildren() as $lev3)
{
if($lev3->getId() == $PATH[2])
echo '<li class="active"><a href="'.$lev3->getUrl().'" title="'.$lev3->getName().'">'.$lev3->getName().'</a>';
else
echo '<li><a href="'.$lev3->getUrl().'" title="'.$lev3->getName().'">'.$lev3->getName().'</a>';
}
echo '</ul>';
}
}
}
echo '</ul>';
}
echo '</li>';
}
echo '</ul>';
?>
</div>
</div>
</div>
</div>
Code: Alles auswählen
.dropdown-submenu>.dropdown-menu{display:none !important;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block !important;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}