Zum Inhalt springen

Megamenu erstellen

Erstellt am 3. Januar 2017 · 2 Antworten · letzte Antwort am 9. Januar 2017

Tags: TYPO3 7, Frage

ahrlau01 ·

Hey Leute,
Ich bin leider noch Anfänger mit Typo3 und bin gerade am erstellen meines Menüs. Ich würde super gerne ein Megamenu auf meiner Webseite haben, nach dem Vorbild: http://bootsnipp.com/snippets/featured/mega-menu-slide-down-on-hover-with-carousel

Das Carousell brauch ich nicht, aber vom Aufbau her sollte klar sein, was ich will 😃
Bisher habe ich leider nur ein Dropdown Menü mit fertigen Code Schnipsel zusammengebracht und frage mich nun, wie ich ein Megemnu bauen kann.
Wäre super,wenn ihr mir hier Tipps geben könnt, wie man so etwas baut 😉

Hier noch mein aktuelles Dropdown:

lib.dropdown = HMENU
lib.dropdown {
entryLevel = 1
1 = TMENU
1 {
expAll = 1
NO.allWrap = <li>|</li>
NO.ATagTitle.field = abstract // description // title
 
ACT = 1
ACT.wrapItemAndSub = <li class="active">|</li>
ACT.ATagTitle.field = abstract // description // title
 
IFSUB = 1
IFSUB.wrapItemAndSub = <li class="dropdown">|</li>
IFSUB.ATagTitle.field = abstract // description // title
IFSUB.ATagParams = class="dropdown-toogle" data-toogle="dropdown"
 
ACTIFSUB = 1
ACTIFSUB.wrapItemAndSub = <li class="dropdown active">|</li>
ACTIFSUB.ATagTitle.field = abstract // description // title
ACTIFSUB.ATagParams = class="dropdown-toogle" data-toogle="dropdown"
 
wrap = <ul class="nav navbar-nav">|</ul>
}
2 < .1
2 {
 
IFSUB = 1
IFSUB.wrapItemAndSub = <li class="dropdown-submenu">|</li>
IFSUB.ATagParams = class="dropdown-toogle" data-toogle="dropdown"
 
ACTIFSUB = 1
ACTIFSUB.wrapItemAndSub = <li class="dropdown-submenu active">|</li>
ACTIFSUB.ATagTitle.field = abstract // description // title
 
 
wrap = <ul class="dropdown-menu">|</ul>
}
 

}
Julian.​Hofmann ·

Standardmäßig gehen die Menüs davona us, dass man nur ein paar Tags um die Menüeinträge bzw. die gesamten (Unter-)Menüs packen möchte. Dies gelingt ja mit den verschiedenen Wraps udn passenden DIV-, LI-, UL-Tags.

Für Dein Vorhaben reicht das nicht ganz aus.
Du kannst aber relativ leicht für Menüeinträge komplett selbst festlegen, wie diese dargestellt werden soll. Diese Individuelle Formatierung wird z.B. erklärt unter: http://www.typo3-nürnberg.de/typo/templates/navigation-menue/individuelle-formatierung/ Dank cObject stehen Dir dann alle Möglichkeiten wieder offen.
Übrigens, auch in TMENUs lassen sich wraps teils als cObject definieren, d.h. auch dort hast Du vielfältige Möglichkeiten, um Daten/Klassen einzubauen.

Arbeite Dich am besten stückchenweise zum Megamenü vor. Und lass anfangs das CSS/JS mal noch weg - konzentriere Dich auf die HTML-Struktur.