Mega DropdownMenu mit Typo3 und Typoscript

[typobock]

Hallo Typo3 User,

habe folgendes DropdownMenu und wollte grundsätzlich fragen ob das ohne weiteres realisierbar ist. Habe schon ein wenig mit Typoscript Probiert jedoch scheint das ganze ein wenig Komplexer zu sein als gedacht. CSS und HTMl hab ich wäre über Hilfe, Kommentare und tipps Dankbar.

[etux]

... habe folgendes DropdownMenu ...

Also nicht Fly-Out?!?

... wollte grundsätzlich fragen ob das ohne weiteres realisierbar ist.

Ja und nein. Es kommt darauf an, wo bei Dir „Weiteres“ anfängt.

Habe schon ein wenig mit Typoscript Probiert ...

Und es werden eher spätere Generationen einen Blick darauf werfen dürfen?

... scheint das ganze ein wenig Komplexer zu sein als gedacht.

Hier kann ich Dir pauschal Recht geben.

CSS und HTMl hab ich ...

Du brauchst keine Angst haben - deren Veröffentlichung bedeutet nicht, Du würdest sie endgültig verlieren.

... wäre über Hilfe, Kommentare und tipps Dankbar.

Und ich nehme an, es sollen ganz konkrete Tipps sein. Auf welche konkrete Fragen?
Pauschal: Schreibe Dein TS-setup so, dass der exakte Quellcode von Deiner html-Vorlage (hast Du ja) generiert wird

.

[typobock]

Erstmal danke etux. Ich teile ja gerne deswegen mal im Anhang das CSS und das HTML als ZIP gepackt. Da kann man sich das Menü mal anschauen ich Poste nacher wenn ich wieder an meinem Rechner bin meinen Typoscript Code.

[etux]

... im Anhang das CSS und das HTML als ZIP gepackt.

Danke, aber grundsätzlich lade ich keine ZIPs runter.
Besser wäre es, wenn Du Dein Konstrukt online stellst. Oder zumindest den html-Code hier postest.

Auch wenn Du nachher Dein TS-Setup postest - die Erklärungen zum erwünschten Endergebnis dürfen nicht fehlen. Was kommt also in die Navi zusätzlich rein. Die Beschreibungen (description), die Titel, immer nur der erste Content-Element oder alle Elementen der Unterseiten … usw.

Ich teile ja gerne ...

Sehr fein, wie ich finde. Mir ging es aber darum, dadurch Dein Vorhaben besser zu verstehen

.

[typobock]

So das ist mal das Typoscript für das normale Dropdownmenu..

lib.mainMenu = HMENU
lib.mainMenu.entryLevel = 0
lib.mainMenu {
1 = TMENU
1 {
noBlur = 1
expAll = 1
wrap =  <ul class="menu menu_orange">|</ul>
NO.wrapItemAndSub = <li>|</li>
NO.ATagParams = class='drop'


ACT < .NO
ACT = 1

ACT.ATagParams = class='drop'



}
    ### Zweite Ebene ###
2 = TMENU
2 {
expAll = 1
wrap = <div class="dropdown_1column"><div class="col_1 firstcolumn"><ul class="levels">|</ul></div></div>
NO.wrapItemAndSub = <li>|</li>
NO.ATagParams = class='parent'

ACT < .NO
ACT = 1


}

3 = TMENU
3 {
expAll = 1
wrap = <ul>|</ul>
NO.allWrap = <li>|</li>

ACT < .NO
ACT = 1

}
## Menu [End]

- ERROR: Line 44: The script is short of 1 end brace(s)
Nun ist für mich die Frage wie bekomme ich das ganze so hin das ich einzelne Inhaltselemente wrape und in die Navigation mit einbinde.

Hier hab ich mal das MENU Hochgelade: DROPDOWNMENU

[etux]

Es mag Dir komisch vorkommen, aber ich weiß immer noch nicht, was Du genau erreichen willst.
(Einzelnen Elementen kannst Du beispielsweise mit „split“ aufteilen und individuell wrapen)

Zwei Sachen fallen mir bei Deinem Menü (online-Vorlage) auf:

Wirklich stabil gebaut ist es nicht. Es kommt aber auch darauf an, was Du Dir als Ziel gesetzt hast. Deine CSS-Formatierung wirkt zum Teil eher in Richtung „ein Härtetest verkraftet Deine Navi nicht“.

Außerdem sind unglaublich viele (aus meiner Sicht unnötige) DIV-Elementen mit eingebaut. Warum eigentlich - Du verwendest ja keine Bilder für die Ecken.
Auch wenn ich nicht wirklich weiß, was Du erreichen willst, es lässt sich bestimmt auch ohne extra Elementen umsetzen (oder zumindest mit wenigen). Aber auch hier kommt es darauf an, wie Du (oder Dein Kunde) zum unnötigen Quellcode stehst (steht).

Bei mir ist so ein Mega-Menü auch schon seit langem in Planung. Da es dafür gedacht wäre, als Vorlage für andere zu dienen (so wie die Menüs hier), komme ich nicht wirklich weiter. Und zwar aus dem einfachsten Grund – ich habe keine Ahnung, was die Meisten sich als zusätzlichen Inhalt für die Unterpunkte wünschen würden.
So ähnlich wie bei Dir.

Mein Tipp wäre: versuch, so weit wie möglich, den Quellcode zu vereinfachen - dann lässt er sich auch leichter generieren.

EDIT:
Hier habe ich gerade eine einfache Variante (nur dürftig CSS-formatiert) gefunden, die ich vor einigen Monaten als Beispiel zur einer Antwort (hier im Forum) hoch geladen habe (den Thread finde ich aber gerade nicht) :

DL-Nav

.

[typobock]

Okay ich hab es geschafft. Zwar nicht ganz so wie auf dem Screenshot aber fast :)

[tvn]

Sagst du uns denn, wie du es gelöst hast?

Beste Grüße