Wewer
I'm new here

Erstellen eines Horizontalen Menü in FS

Hallo,

ich möchte ein horizontales Menü in FS erstellen.

Ich bekomme sie erste Leiste mit den Hauptpunkten hin, aber mit den hover und weiteres öffnen der Menüpunkte funktioniert nicht.

Eventuell liegt es an der Erstellung mit CMS_FUNCTION .

Da ich hier wenig Kenntnisse habe, vermute ich das hier noch was falsch ist.

Kann mir jemand hier weiterhelfen?

Oder gibt es möglickkeit ein Beispiel anzuzsehen?

Und gibt es ein ander CMS_ARRAY_PARAM name als unselectedHTML und selectedHTML?

Ich benötige ja beide ausgaben.

Meine CMS_FUKTION

<CMS_FUNCTION name="Navigation" resultname="nav">

    <CMS_PARAM name="expansionVisibility" value="all"/>

    <CMS_PARAM name="suppressEmptyFolders" value="0" />

    <CMS_PARAM name="wholePathSelected" value="1" />

    <CMS_ARRAY_PARAM name="beginHTML">

      <CMS_ARRAY_ELEMENT index="1..4"><![CDATA[<ul id="nav-ul">]]></CMS_ARRAY_ELEMENT>

    </CMS_ARRAY_PARAM>

      <CMS_ARRAY_PARAM name="unselectedHTML">

        <CMS_ARRAY_ELEMENT index="1..4"><![CDATA[<li><a href="$CMS_REF(#nav.ref)$">$CMS_VALUE(#nav.label)$</a></li>]]></CMS_ARRAY_ELEMENT>

      </CMS_ARRAY_PARAM>

      <CMS_ARRAY_PARAM name="selectedHTML">

        <CMS_ARRAY_ELEMENT index="1..4"><![CDATA[<li><a href="$CMS_REF(#nav.ref)$">$CMS_VALUE(#nav.label)$</a></li>]]></CMS_ARRAY_ELEMENT>

      </CMS_ARRAY_PARAM>

    <CMS_ARRAY_PARAM name="endHTML">

      <CMS_ARRAY_ELEMENT index="1..4"><![CDATA[</ul>]]></CMS_ARRAY_ELEMENT>

    </CMS_ARRAY_PARAM>

</CMS_FUNCTION>

0 Kudos
3 Replies
kohlbrecher
Crownpeak employee

Hallo Jürgen,

dein Anwendungsfall sollte dem entsprechen, der in unserem Beispielprojekt "Mithras Energy" umgesetzt wurde. Das Projekt kann bei der Installation des Servers direkt auf dem Server installiert werden. Ansonsten müsste es unter projects in der FirstSpirit Auslieferung liegen.

Grüße

Jan

0 Kudos

Hallo Jan-Philipp,

so richtig komme ich mit der Beschreibung nicht so klar.

Aber ich habe inzwischen in der

FirstSpirit-Online-Documentation (ODFS) eine Beschreibung gefunden wie solch

eine Funktion erstellt wird.

Die UL und die LI Elemente werden jetzt in der richtigen Reihenfolge erstellt, und ich kann

mit hover die Sub Menü Punkte anzeigen.

Nur die erste Seite wüde ich gerne aus dem Menü weg haben.

Da diese keinen Inhalt hat und somit als einziger Menü Punkt angezeigt wird.

Erst beim "hover" werden die weiteren Menü Punkte angezeigt.

Meine Frage wäre jetzt wie wird die erste Startseite nicht im Menü angezeigt.

Grüße

Jürgen.

0 Kudos

Hallo Jan-Phillipp,

auch das mit der ersten Seite im Menü ausblenden habe ich eine Lösung gefunden.

Da ich hier ein Array benutze fange ich anstatt bei 0 bei 1 an.

Hier mein Beispiel.

<CMS_HEADER>

  <CMS_FUNCTION name="Navigation" resultname="nav">

    <CMS_PARAM name="expansionVisibility" value="all" />

    <CMS_ARRAY_PARAM name="innerBeginHTML">

      <CMS_ARRAY_ELEMENT index="1..3"><![CDATA[<ul>]]></CMS_ARRAY_ELEMENT>

    </CMS_ARRAY_PARAM>

    <CMS_ARRAY_PARAM name="beginHTML">

      <CMS_ARRAY_ELEMENT index="1..4"><![CDATA[<li>]]></CMS_ARRAY_ELEMENT>

    </CMS_ARRAY_PARAM>

    <CMS_ARRAY_PARAM name="unselectedHTML">

      <CMS_ARRAY_ELEMENT index="1..4"><![CDATA[<a href="$CMS_REF(#nav.ref)$">$CMS_VALUE(#nav.label)$</a>]]></CMS_ARRAY_ELEMENT>

    </CMS_ARRAY_PARAM>

    <CMS_ARRAY_PARAM name="selectedHTML">

      <CMS_ARRAY_ELEMENT index="0..4"><![CDATA[<a href="$CMS_REF(#nav.ref)$" style="color:#ff0000;">$CMS_VALUE(#nav.label)$</a>]]></CMS_ARRAY_ELEMENT>

    </CMS_ARRAY_PARAM>

    <CMS_ARRAY_PARAM name="endHTML">

      <CMS_ARRAY_ELEMENT index="0..4"><![CDATA[</li>]]></CMS_ARRAY_ELEMENT>

    </CMS_ARRAY_PARAM>

    <CMS_ARRAY_PARAM name="innerEndHTML">

      <CMS_ARRAY_ELEMENT index="0..3"><![CDATA[</ul>]]></CMS_ARRAY_ELEMENT>

    </CMS_ARRAY_PARAM>

  </CMS_FUNCTION>

</CMS_HEADER>

und als Ausgabe der Funktion

<div id="content">
                     

  <div id="main-menu">

  $CMS_IF(!nav.isEmpty)$
    <ul>
         $CMS_VALUE(nav)$
    </ul>
        $CMS_END_IF$

  </div>

             
  <div class="clear"></div>                                             

</div>

Einige infos habe ich auch aus den Projekt "Mithras Energy"

Danke für deine Unterstützung.

Grüße

Jürgen

0 Kudos