-
Simple Dropdown Navi
Hi,
ich muss es schaffen eine Navigation nach folgendem Muster zu erstellen:
HTML-Code:
<ul class="dropdown">
<li><a href="#"><span>Über uns</span></a>
<ul>
<li><a href="#">Unterpunkt</a></li>
<li><a href="#">Unterpunkt</a></li>
<li><a href="#">Unterpunkt</a></li>
<li><a href="#">Unterpunkt</a></li>
<li><a href="#">Unterpunkt</a></li>
</ul>
</li>
<li><a href="#"><span>Hersteller</span></a></li>
<li><a href="#"><span>Lösungen & Produkte</span></a></li>
<li><a href="#"><span>Service & Support</span></a></li>
<li><a href="#"><span>Team</span></a></li>
<li><a href="#"><span>Kontakt</span></a></li>
</ul>
Ihr seht schon, dass Unterpunkte (Welche in diesem Beispiel nur der Punkt "Über uns" hat) in einem eigenen <UL> dargestellt werden. Und genau da liegt schon das problem...
Die Verschachtelungstiefe der Seiten ist max.2. Normale Punkte der Hauptnavi können also Unterseiten haben. Diese Unterseiten haben aber keine weiteren Unterseiten.
1) Ich erstelle mir ein Modul "Main Navi" und wähle als Typ hierfür "Navigationsmenü" mit folgenden Einstellungen:
-Startlevel: 0
-Stopplevel: 2
Da ich es mit diesen Einstellungen nur schaffe Unterpunkte oder nur Oberpunkte (aber nicht beides gleichzeitig ausgeben zu lassen), wiederufe ich diese Einstellungen und wähle stattdessen "Individuelle Navigation" und hake alle Seiten+Unterseiten vom Punkt "Über uns" an.
In meiner Templatedatei "nav_main.tpl" mache ich ein var_dump auf ($this->items). Mir werden alle Punkte angezeigt (habe ja auch alle manuell im BE angehakt)...
Nur wie Frage ich für jeden Oberpunkt die Unterpunkte ab, sodass ich ein weiteres ul öffnen kann (siehe HTML vorgabe oben)?
Mein aktueller stand ist noch nicht gerade weit:
PHP-Code:
<ul class="dropdown">
<?php foreach ($this->items as $item): ?>
<li <?php
if( !empty($item['class']) ){
echo 'class="' .$item['class'];
if($item['isActive']){
echo ' active"';
}else{
echo '"';
}
}else{
if($item['isActive']){
echo 'class="active"';
}
} ?>
>
<a href="<?php echo $item['href']; ?>"><span><?php echo $item['title']; ?></span></a></li>
<?php endforeach; ?>
</ul>
Kann mir jemand helfen?
-
Hallo endlezZ,
das wirst du mit einer Individuellen Navi nur sehr schwer schaffen.
Mach es dir einfacher und bleib bei der normalen Navigation.
Dafür erstellst du dir ein eigenes Template und baust eine Abfrage ein, in welcher Ebene du gerade bist. Wenn Ebene 2 Erreicht ist, soll nichts mehr ausgegeben werden.
Viele Grüße
-
Jo... nur wie bekomme ich raus ob ich es mit einem Unterpunkt zu tun habe? Weil nur dann muss ich in dem UL ja ein weiteres UL erstellen -.- die Unterpunkte haben als PID z.B: die 30 und gehören somit zum Hauptpunkt mit der ID 30. Nur wie mache ich das? Ich muss ja unter jedem Punkt der Unterpunkte hat ein neues UL erstellen, wie in dem HTML Beispiel...checke das net =)
Gruß,
endlezZ
-
Äh wie bitte was?
im Template der Navi hat man einen Aufruf für ein Submenü...
Du brauchst aber nur um die ganze Ausgabe eine Abfrage einbauen, ob du level1 oder level2 ausgibst (nur dann soll der ganzen Kram ausgegeben werden). Ansonsten nix.
Ob das nun Unterpunkte hat oder nicht, macht das ja von alleine...
Hier hab ich mal ein Beispiel gemacht wie das gehen kann:
http://de.contaowiki.org/ModulNaviga...auptmen.C3.BC:
Viele Grüße
-
Hey,
ich kann das gerne so machen wie auf der Seite beschrieben machen:
Startlevel Stoplevel Hard Limit Referenzseite festlegen
0 2 Ja keine angegeben
Das würde wohl auch gehen... Aber mein Seitenbaum ist wie folgt aufgebaut:
Weltkugel(wurzel)
-MainNavi
-home
-über uns
-hersteller
- ...
-FooterNavi
-agb
-datenschutz
-facebook
Wenn ich auf eine Footer-Seite gehe, dann ändert sich natürlich meine Hauptnavi, da die unterpunkte von FooterNavi genommen werden (und nicht wie gewollt von "MainNavi").
Deshalb möchte ich gerne eine individuelle Navigation machen. Problem ist halt nur das ich zu blöd bin die Unterpunkte als weiteres UL einzubinden (siehe HTML tenmplate oben)
Ich weiß echt nicht weiter -.- oder beschreibe mein Problem nicht verständlich genug?!
-
Damit sich die Navi nicht ändert kannst du eine Referenzseite einrichten.
Viele Grüße
-
Hi!
Erstmal danke für die kompetente Hilfe, MacKP!
Habs jetzt so gelöst:
Typ: Navigationsmenü
Startlevel: 1
StopLevel: 3
HardLimit: ja
Referenzseite aufgrund meiner Baumstruktur angeben.
Das war ja auch alles so weit kein Problem. Nur das HTML was er für das SecondlevelNavi zusammengebaut hat, passte nicht ganz so wie ich es gebraucht habe. Habe jetzt einfach bissl mühseelig mein CSS angepasst und jetzt ist alles prima.
cYa
endlezZ