Problem mit der Navigationsfunktion und dem Rendern von Navigationspunkten

Author: ceggert
Publication Date: 9/19/2014 12:54

Hallo zusammen,

wir möchten eine Navigation aufbauen (s.Sreenshot). Ab der dritten Ebene sollen alle Navigationspunkte der Ebene drei auf 2 Spalten verteilt werden im Rhytmus

1    2

3    4

5   

Unsere Navigationsfunktion sieht wie folgt aus:

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

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

        <CMS_VALUE_PARAM name="root" value='"pagefolder:"+ss_global_nav_root' />

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

        <CMS_ARRAY_PARAM name="beginHTML">

            <CMS_ARRAY_ELEMENT index="0"><![CDATA[<!-- first begin -->]]></CMS_ARRAY_ELEMENT>

            <CMS_ARRAY_ELEMENT index="1"><![CDATA[<!-- second begin --><li>]]></CMS_ARRAY_ELEMENT>

            <CMS_ARRAY_ELEMENT index="2"><![CDATA[<!-- third begin --><ul class="grid-50"><li>]]></CMS_ARRAY_ELEMENT>

        </CMS_ARRAY_PARAM>

        <CMS_ARRAY_PARAM name="innerBeginHTML">

            <CMS_ARRAY_ELEMENT index="0"><![CDATA[<!-- first innerbegin --><div class="popup"><ul>]]></CMS_ARRAY_ELEMENT>

            <CMS_ARRAY_ELEMENT index="1"><![CDATA[<!-- second innerbegin --><div class="third-level"><div class="grid">]]></CMS_ARRAY_ELEMENT>

            <CMS_ARRAY_ELEMENT index="2"><![CDATA[<!-- third innerbegin --><ul class="fourth-level">]]></CMS_ARRAY_ELEMENT>

        </CMS_ARRAY_PARAM>

        <CMS_ARRAY_PARAM name="unselectedHTML">

            <CMS_ARRAY_ELEMENT index="0"><![CDATA[<li class="main-1a first"><a href="$CMS_REF(#nav.ref)$"><span>$CMS_VALUE(#nav.label.convert2)$</span></a>]]></CMS_ARRAY_ELEMENT>

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

            <CMS_ARRAY_ELEMENT index="2"><![CDATA[<a href="$CMS_REF(#nav.ref)$" class="icon-link-button-Pfeil"><span>$CMS_VALUE(#nav.label.convert2)$</span></a><!-- third unselected -->]]></CMS_ARRAY_ELEMENT>

            <CMS_ARRAY_ELEMENT index="3"><![CDATA[<li><a href="$CMS_REF(#nav.ref)$" class="icon-link-button-Pfeil"><span>$CMS_VALUE(#nav.label.convert2)$</span></a></li><!-- fourth unselected -->]]></CMS_ARRAY_ELEMENT>

        </CMS_ARRAY_PARAM>

        <CMS_ARRAY_PARAM name="selectedHTML">

            <CMS_ARRAY_ELEMENT index="0"><![CDATA[<li class="main-1a first current"><a href="$CMS_REF(#nav.ref)$"><span>$CMS_VALUE(#nav.label.convert2)$</span></a>]]></CMS_ARRAY_ELEMENT>

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

            <CMS_ARRAY_ELEMENT index="2"><![CDATA[<a href="$CMS_REF(#nav.ref)$" class="icon-link-button-Pfeil"><span>$CMS_VALUE(#nav.label.convert2)$</span></a><!-- third selected -->]]></CMS_ARRAY_ELEMENT>

            <CMS_ARRAY_ELEMENT index="3"><![CDATA[<li><a href="$CMS_REF(#nav.ref)$" class="icon-link-button-Pfeil"><span>$CMS_VALUE(#nav.label.convert2)$</span></a></li><!-- fourth selected -->]]></CMS_ARRAY_ELEMENT>

        </CMS_ARRAY_PARAM>

        <CMS_ARRAY_PARAM name="innerEndHTML">

            <CMS_ARRAY_ELEMENT index="0"><![CDATA[</ul></div><!-- first innerEnd -->]]></CMS_ARRAY_ELEMENT>

            <CMS_ARRAY_ELEMENT index="1"><![CDATA[</div></div><!-- second innerEnd -->]]></CMS_ARRAY_ELEMENT>

            <CMS_ARRAY_ELEMENT index="2"><![CDATA[</ul><!-- third innerEnd -->]]></CMS_ARRAY_ELEMENT>

        </CMS_ARRAY_PARAM>

        <CMS_ARRAY_PARAM name="endHTML">

            <CMS_ARRAY_ELEMENT index="0"><![CDATA[</li><!-- first end -->]]></CMS_ARRAY_ELEMENT>

            <CMS_ARRAY_ELEMENT index="1"><![CDATA[</li><!-- second end -->]]></CMS_ARRAY_ELEMENT>

            <CMS_ARRAY_ELEMENT index="2"><![CDATA[</li></ul><!-- third end -->]]></CMS_ARRAY_ELEMENT>

        </CMS_ARRAY_PARAM>

</CMS_FUNCTION>

Das Problem ist nun, dass wir nur 2x das <ul class="grid-50"> erzeugen dürfen, um dann die Menüpunkte auf die ul's aufzuteilen.

Da leider das Rendern der ul Liste schon abgeschlosen zu sein scheint, bekommen wir nachträglich nicht mehr die Listenelemente  auf die Listen aufgeteilt :smileysad:

Hat hier jemand noch eine Idee?

Hier das HTML das sieht soweit schon ganz gut aus und im Moment werden über ein clear die Elemente auch richtig quasi über das CSS angeordnet allerdings entsteht dann auch folglich eine unschöne Lücke wenn ein Menüpunkt der 3Ebene noch eine 4te Unterebene bekommt (s.Screenshot).

viele Grüße,

Christopher Eggert

Tags: navigation, navigationsfunktion, templatedevelopment