Hallo,
ich bin neu hier und das Forum hat mir schon bei vielen Problemen geholfen!
Doch seit einigen Tagen suche ich eine Lösung für mein Menü, jedoch finde ich einfach keinen Ansatz, daher wollte ich Euch mal um Rat fragen.
Im Anhang ist ein Bild, welches meine Menü Struktur anschaulicher macht, damit man schneller versteht, worum es geht. Ich habe dort 3 Menü ebenen. Die erste ist für die Vertikale Ansicht, wenn man nun mit der Maus über einen Menüpunkt geht, so wird eine Dropdown-Navigation eingeblendet. Dort kommt dann die ebene zweite Ebene, welche jedoch mit einem Icon bestückt sein soll. Unter der dieser Ebene soll auch eine Dritte Ebene horizontal angezeigt werden.
Bild: fs5.directupload.net/…/jigoq7dj.jpg
Die Strukturierung in HTML ist folglich einfach und wurde auch schon in CSS angepasst:
<ul>
<li><a href="#">Navigation1</a>
<ul>
<li class="iconClasseFuerUeberschrift1">
<h4><a href="#">Überschrift 1.1</a></h4>
<ul>
<li><a href="#">Link 1.1.1</a></li>
<li><a href="#">Link 1.1.2</a></li>
<li><a href="#">Link 1.1.3</a></li>
<li><a href="#">Link 1.1.4</a></li>
</ul>
</li>
<li class="ueberschrift_1_2">
<h4><a href="#">Überschrift 1.2</a></h4>
<a href="#">Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Aenean com modo liget dolor Aeneanssa Aenemodo.</a>
</li>
</li>
<li><a href="#2">Navigation2</a>
<ul>
<li class="iconClasseFuerUeberschrift2">
<h4><a href="#">Überschrift 2.1</a></h4>
<ul>
<li><a href="#">Link 2.1.1</a></li>
<li><a href="#">Link 2.1.2</a></li>
<li><a href="#">Link 2.1.3</a></li>
<li><a href="#">Link 2.1.4</a></li>
</ul>
</li>
<li class="ueberschrift_2_2">
<h4><a href="#">Überschrift 2.2</a></h4>
<a href="#">Lorem ipsum dolor sit amet, consec tetuer adipiscing elit. Aenean com modo liget dolor Aeneanssa Aenemodo.</a>
</li>
</ul>
</li>
</ul>
Mein TypoScript sieht wie folgt aus:
marks.NAV = HMENU
marks.NAV {
1 = TMENU
1 {
expAll =1
wrap = <ul>|</ul>
noBlur = 1
NO = 1
NO {
wrapItemAndSub = <li>|</li>
stdWrap.htmlSpecialChars = 1
}
ACT <.NO
ACT {
wrapItemAndSub = <li>|</li>
}
}
2 < .1
2 {
wrap = <ul>|</ul>
NO.linkWrap = <h4>|</h4>
ACT.wrapItemAndSub = <li>|</li>
}
3 < .2
3 {
wrap = <ul>|</ul>
ACT.wrapItemAndSub = <li>|</li>
}
}
Meine Fragen:
- Wie schaffe es, dass wenn keine dritte Ebene vorhanden ist, dass ein Text angezeigt wird.
- Wo speichere ich Inhalte wie Icon für die jeweilige Seite in der Ebene zwei und wo kann ich den Text definieren, der angezeigt werden soll, wenn keine dritte Ebene vorhanden ist.
Ich würde das am liebsten so haben, dass alles Dynamisch einstellbar ist, ohne im Typoscript etwas zu ändern. Zum Beispiel als Seitenbeschreibung oder am besten extra hinzugefügte Textfelder in den Seiteneinstellungen in meiner Gesamtstruktur.
Vielen dank, dass ihr überhaupt bis hier hin gelesen habt 🙂
Ich bin dankbar über jeden weiteren Tipp und wünsch euch noch einen schönen Tag!
Schöne Grüße!