Klappnavigation mit mehreren Ebenen

[Vamxx]

Hallo zusammen, ich ergebe mich... webEdition ist stärker als ich.
Ich benötige eine Klappnavigation mit mehreren Ebenen, also Hauptnavigationspunkt (folder) - Unterpunkt (folder) und davon Unterpunkt (folder oder item).
Eine Klappnavigation mit einer Ebene habe ich schon öfter umgesetzt, wie z. B. hier:

http://www.prpda.com
Also ganz herkömmlich mit ul li...

Zweite Ebene bekomm ich einfach nicht hin. Weder in den Dokumentationen noch hier im Forum habe ich etwas gefunden, das weiterhilft.
Weiß jemand Rat, oder hat einer rein zufällig ein Snippet parat?

[mokraemer]

Hi Peter,
vom Prinzip her geht das ganz genauso.
Du stylst das ganze ja später noch mit CSS. Also mußt du erst mal nur die Struktur mit ul und li raushauen. Das kannst du bspw. mit

Code: Alles auswählen

<we:navigation navigationname="default" parentid="1" />
<we:navigationEntry type="folder" navigationname="default">
<li class="menu"><we:navigationField complete="link" />
<we:ifHasEntries>
<ul><we:navigationEntries /></ul>
</we:ifHasEntries>
</li>
</we:navigationEntry>
<we:navigationEntry type="item" level="1" navigationname="default">
<li class="level1"><we:navigationField complete="link" /></li>
</we:navigationEntry>
<we:navigationEntry type="item" navigationname="default">
<li><we:navigationField complete="link" /></li>
</we:navigationEntry>

realisieren. Wie du siehst ist hier eine Unterscheidung bei Ebene 1 drin - was hier nur zu Demo-Zwecken da ist - kann man idr. auch so mit CSS-Selectoren greifen.
Danach noch das obligatorische navigationWrite - das sollte es sein.

[Vamxx]

Hi mo, vielen Dank!
Ich habe das ganze mit Superfish umgesetzt, hat sehr gut funktioniert. Nur das mit dem aktiven Link bekomme ich nicht hin. Seither habe ich immer nur:

Code: Alles auswählen

<we:navigationEntry type="item" navigationname="default" current="true" >
<li class="active">
   <we:navigationField name="text" />
</li>
</we:navigationEntry>

hinzugefügt. Aber das scheint ja hier nun etwas anders zu sein...

Kanst Du mir da noch mal helfen?

Dann wäre es nicht schlecht, wenn man solche Dinge auch anderen zur Verfügung stellen könnte. Ich würde gerne die komplette SF-Navigation irgendwo zum download posten.
aber leider gibt es sowas hier im Forum noch nicht. Das würde vielen den Einstieg in die Welt von webEdition erleichtern.

Schönes Wochenende Dir und @ all!

[Vamxx]

Hallo zusammen, es können auch gerne andere auf meine (oben) Frage antworten. Alles was hilft ist gut

[WBTMagnum]

Hallo Vamxx,

Selbst nach mehrmaligem Lesen weiß ich einfach nicht wo genau jetzt das Problem liegt.

Schreib doch bitte, was du konkret gemacht hast (Code), was nicht funktioniert (ggf. mit Screenshot oder Code-Snippets) und was das erwartete Ergebnis sein soll.

Dann kann dir hier sicher jmd. helfen.


Liebe Grüße,
Sascha

[Vamxx]

Hallo Magum, sorry, wenn ich mich etwas undeutlich ausgedrückt habe.
Mal sehen, ob ich es besser hinbekomme:

Das hier ist die Vorlage für meine Navigation:

Code: Alles auswählen

    <we:navigation navigationname="default" parentid="32" />

    <we:navigationEntry type="folder" navigationname="default">
    <li><we:navigationField complete="link" /><we:ifHasEntries><ul><we:navigationEntries /></ul></we:ifHasEntries></li>
    </we:navigationEntry>

    <we:navigationEntry type="item" level="1" navigationname="default">
    <li><we:navigationField complete="link" /></li>
    </we:navigationEntry>

    <we:navigationEntry type="item" navigationname="default">
    <li><we:navigationField complete="link" /></li>
    </we:navigationEntry>

    <we:navigationEntry type="item" navigationname="default">
    <li><we:navigationField complete="link" /></li>
    </we:navigationEntry>

<ul class="sf-menu">
<we:navigationWrite navigationname="default" />
</ul>

Funktioniert super. Ich möchte nun einfach wissen, wie bzw. wo ich

Code: Alles auswählen

current="true"

einsetzen muss, damit der aktive Link angezeigt wird, z. B. Link "News" im Normalzustand weiß wird rot angezeigt, wenn ich auf der Seite News bin - also current. Probiert habe ich es so:

Code: Alles auswählen

    <we:navigation navigationname="default" parentid="32" />

    <we:navigationEntry type="folder" navigationname="default">
    <li><we:navigationField complete="link" /><we:ifHasEntries><ul><we:navigationEntries /></ul></we:ifHasEntries></li>
    </we:navigationEntry>

    <we:navigationEntry type="item" level="1" navigationname="default">
    <li><we:navigationField complete="link" /></li>
    </we:navigationEntry>

    <we:navigationEntry type="item" navigationname="default">
    <li><we:navigationField complete="link" /></li>
    </we:navigationEntry>

    <we:navigationEntry type="item" navigationname="default">
    <li><we:navigationField complete="link" /></li>
    </we:navigationEntry>

    <we:navigationEntry type="item" navigationname="default" current="true">
    <li class="active"><we:navigationField complete="link" /></li>
    </we:navigationEntry>

<ul class="sf-menu">
<we:navigationWrite navigationname="default" />
</ul>

aber das funktioniert nicht.

[WBTMagnum]

Hallo Peter,

Kann es sein, dass "News" ein Folder ist? Dann musst du nämlich noch eine Variante für Folder mit dem Status "Current" definieren.

Der Tag "<we:ifHasCurrentEntry>" kann unter Umständen auch noch nützlich sein, um zwischen dem tatsächlich aktiven Element und dessen Vorgängern zu unterschieden. Ein Beispiel findet sich hier: http://forum.webedition.org/viewtopic.p ... try#p59066


LG,
Sascha

[Vamxx]

Hallo Sascha,
ich habe alle Links als folder angelegt. Komischerwise funktioniert aber die Klappnavi nicht mehr, wenn ich Level 1 als folder anlege...

[Vamxx]

Ach ja, noch eine Frage, die eigentlich nicht hierher gehört (wer will kann sie auch verschieben). Ich suche jemanden, der mich ab und zu webedition-technisch unterstützt - natürlich gegen Entgeld. Ich habe zu viel auf dem Tisch, um jedesmal auf Antwort vom Forum zu warten. Was kein Angriff sein soll, Ihr habt auch Besseres zu tun, als meine "blöden Fragen" zu beantworten

PHP und Javascript-Kenntnisse (z.B. Umsetzung von jquery in webEdition) wären wichtig.
Hat jemand Interesse?

[WBTMagnum]

Hallo Sascha,
ich habe alle Links als folder angelegt. Komischerwise funktioniert aber die Klappnavi nicht mehr, wenn ich Level 1 als folder anlege...

Was genau meinst du damit? Du kannst einen Navigationseintrag ja nicht einfach von Folder auf Item ändern. Oder sprichst du vom Template?


Liebe Grüße,
Sascha

[Vamxx]

Hi Sascha, ok wieder mal undeutlich ausgedrückt...
klar spreche ich vom Template. Wenn ich hier type="item" in type="folder" umbenenne, funktioniert die Navi nicht mehr.

[StefanW]

Hallo Vamxx,

also bei mir funktioniert das so

Code: Alles auswählen

<we:navigation navigationname="menu" parentid="xx" />

<we:navigationEntry type="folder" navigationname="menu">
  <li><a href="<we:navigationField name="href" />"><we:navigationField name="text" /></a></li>
</we:navigationEntry>

<we:navigationEntry type="folder" navigationname="menu">
  <li><a href="<we:navigationField name="href" />"><we:navigationField name="text" /></a>
    <we:ifHasEntries>
      <ul><we:navigationEntries /></ul>
    </we:ifHasEntries>
  </li>
</we:navigationEntry>

<we:navigationEntry type="folder" navigationname="menu" current="true">
  <li><a href="<we:navigationField name="href" />" class="current"><we:navigationField name="text" /></a>
    <we:ifHasEntries>
      <ul><we:navigationEntries /></ul>
    </we:ifHasEntries>
  </li>
</we:navigationEntry>

<we:navigationEntry type="item" navigationname="menu">
  <li><a href="<we:navigationField name="href" />"><we:navigationField name="text" /></a></li>
</we:navigationEntry>

<we:navigationEntry type="item" navigationname="menu" current="true">
  <li><a href="<we:navigationField name="href" />" class="current"><we:navigationField name="text" /></a></li>
</we:navigationEntry>

<ul id="nav">
    <we:navigationWrite navigationname="menu" /> 
</ul>

Gruß,
Stefan

[Vamxx]

Hi Stefan, danke schon mal!
Ich werde das morgen mal ausprobieren und Rückmeldung geben.