Navigation mehrspaltig mit Superfish (Mega Nav)

**winchester** · 08.10.2014, 14:30

Hallo Leute,

ich stehe grad total an: ich möchte bei einem Menüpunkt die Unterpunkte mehrspaltig darstellen wie hier:
http://www.a1.net/

zum Beispiel "Handy & Tarife".
In meinem Fall wäre das Level 2 und Level 3.
Level 2 wäre die Überschrift und Level 3 der jeweilige Unterpunkt.

Allerdings muss ich in den Code eingreifen da der Aufbau geändert werden muss:

Beispiel:
http://users.tpg.com.au/j_birch/plug.../megamenu.html
Nun sehe ich mich allerdings nicht mehr raus, da ich begonnen habe das Template zu zerlegen und vom sprichwörtlichen hundersten ins tausendste komme.

Gibt es eine Möglichkeit die gesamte Navigation in einem Mehrdimensionalen Array zu haben?
Es scheitert bei mir an der ausgelagerten Erzeugung der Menüpunkte pro Level (also von mod_ zu nav_)

Hoffe jemand kann mir da helfen

Viele Grüße
Winchester

**Knigge** · 08.10.2014, 15:46

Hast du mal den Quelltext von deinem Menü?

**winchester** · 08.10.2014, 15:57

Hy Knigge,

Danke für dein Hilfe - allerdings weiß ich wo die Fehler im Quelltext sind

Ich beschreibe es etwas anders.

Normalerweise gibt Contao die Navigation als Liste aus

Code:

<ul>
    <li>
    <li>
        <ul>
           <li>
           <li>
        </ul>
        <ul>
           <li>
           <li>
        </ul>
    </ul>

ich würde allerdings umschließende Container benötigen.

Code:

<ul>
    <li>
    <li>
        <div id gesamt>
          <div id spalte1>
            <ul>
               <li>
               <li>
            </ul>
          </div>
          <div id spalte2>
            <ul>
               <li>
               <li>
            </ul>
         </div>
        </div>
    </ul>

Nun schaffe ich es nicht, dass Template dahingehend anzupassen.
Ich habe es mit Klassen versucht und mittels php die entsprechenden Container zu setzen doch spätestens wenn es zum schließen der DIVs geht, geht das Konzept flöten.

Ich hoffe du kannst mir folgen was ich damit sagen will

Viele Grüße
Winchester.

**Knigge** · 08.10.2014, 16:03

Nein ich kann dir nicht folgen.

Was spricht dagegen einfach <ul> mit css zu stylen?

**winchester** · 08.10.2014, 16:15

Hy,

eigentlich nichts aber es ist von der Struktur etwas umfangreicher

1. Spalte:
2 ul

2. Spalte
3 ul

2. Spalte
3 ul

4. Spalte
1 ul

Somit bin ich auf der Suche nach den umschließenden Containerelemente um die Spalten zu realisieren.
Es sind level 2 UND level 3 in der navigation - deshalb die mehreren UL Elemente.

Viele Grüße
Winchester.

**Knigge** · 08.10.2014, 16:21

HTML-Code:

<ul class="level1">
            <li class="level1">
                <ul class="level2">
                    <li class="level2">
                        <ul class="level3">
                            <li class="level3">
                                <ul class="level4">
                                    <li class="level4">

                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>

So?

**winchester** · 08.10.2014, 16:37

Hy,

nein - ich benötige ja die Spalten

HTML-Code:

<ul class="level1">
            <li class="level1">
              <div>
                <ul class="level2">
                    <li class="level2">
                        <ul class="level3">
                            <li class="level3">
                        </ul>
                    </li>
                </ul>
              </div>
              <div>
                <ul class="level2">
                    <li class="level2">
                        <ul class="level3">
                            <li class="level3">
                        </ul>
                    </li>
                </ul>
                <ul class="level2">
                    <li class="level2">
                        <ul class="level3">
                            <li class="level3">
                        </ul>
                    </li>
                </ul>
                <ul class="level2">
                    <li class="level2">
                        <ul class="level3">
                            <li class="level3">
                        </ul>
                    </li>
                </ul>
              </div>

usw....

Hier noch die Seitenstruktur
seitenstruktur.JPG

Also damit ich die Spalten machen kann benötige ich die DIV Container - du UL Elemente des Level 2 sind alle unterschiedlich in der Höhe.
Die level 2 werden dann unterschiedlich aufgeteilt.

Allerdings möchte ich es vermeiden, die Ganze Navigation aus einzelnen individuellen navigationen zusammenzustückeln.

Anbei noch ein etwas angepasstes beispiel von www.a1.net
beispiel.jpg

Und jetzt geht's mit darum, wie ich die divs in das Template bekommen

**Knigge** · 08.10.2014, 17:18

Wenn du einen Div im Template hast, wie willst du den Inhalt (li) denn dem div zuordnen?
Edit: Ignorier das mal, hatte deine Struktur nicht richtig angesehen.
Ich gucks mir mal an wenn ich zuhause bin. Muss jetzt endlich Feierabend machen.

**winchester** · 08.10.2014, 18:07

Naja da ist ja das problem - ich bekomme die div nicht ins template.

Die Logik von contao hat hier zwei Schritte:

1) nav_.... generiert die aktuelle ebene, ist eine weitere ebene enthalten beginnt der prozess von vorne...
2) mod_nav... gibt anschließend die generierte Liste

Ich habe versucht die divs im ersten Schritt zu integrieren was aber nicht wirklich funktioniert hat.

Falls ich allerdings auf dem Holzweg bin, und mein Ansatz generell falsch ist, bin ich für jede Lösung offen.

Viele Grüße
Winchester

**Knigge** · 08.10.2014, 18:14

Wenn du einen div brauchst aber schon ein ul hast kannst du auch einfach das ul nutzen. Würde ich jetzt einfach mal so behaupten. Ich hab jetzt aber doch keine Zeit zu gucken. Sobald ich Zeit habe schaue ich nochmal

**winchester** · 08.10.2014, 18:29

Hy,

Ja klar das habe ich - aber wie im Beispiel

beispiel.jpg

habe ich mehrere uls mit verschiedener höhe die ich Spaltenweise anordnen möchte.

Mit Block/Width/float left würden sich die Elemente nebeneinander anordnen und thematisch nicht mehr zusammenpassen.

Beispielsweise fällt plötzlich "Bestattung" in die Spalte "Entsorgung" was wirklich eine Katastrophe wäre.

Viele Grüße
Winchester

**winchester** · 09.10.2014, 09:05

Ich befürchte ich werde das mit mehreren individuellen Navigationen lösen müssen.
Diese gebe ich dann in ein "eigener HTML Code" Element.

Zwar geht dann die einfache Verwaltung flöten aber das Ergebnis kann ich dann zu 100% anpassen...

Viele Grüße
Winchester