{{indexmenu_n>200}}

====== NAV_LIST_UL (Parameter) ======


**Docu:** -- \\
**Forum:** [[http://forum.phpwcms.org/viewtopic.php?t=12165]] 

**Autor:** K.Heermann (flip-flop) http://planmatrix.de \\
**CMS-Version:** >= V1.2.7  \\
**CMS-Version:** >= V1.4.4 r387 \\
**Version:** 1.1 \\
**Update:** V1.0 -> V1.1  ab CMS V1.4.4 r387 //(03.12.2009)// \\
''- {NAV_LIST_UL} Experimentielle Unterstützung für Menüeinträge basierend auf Artikeln hinzugefügt (FA, PA, FPA).'' \\
''- Mit dem Parameter 9 kann das Start-Level //(Ebene)// für das Artikelmenü festgelegt werden.''\\
**Update:** ab CMS 2013
''- Ausgabe als Bootstrap optimierte Version.'' \\
**Update:** ab 2014/05/27
''- Ausgabe von Image und Text im Artikelmodus.''

Zusammenstellung der einzelnen Tags für die Navigation [[:deutsch:navigationen:nav_list_ul|NAV_LIST_UL]]

**Tag:** 
<code>{NAV_LIST_UL: 
menu_type,  
start_id, 
max_level, 
class_path, 
class_active_li|class_active_a,
ul_id_name, 
wrap_ul_div(0=off, 1=<div>, 2=<div id="">, 3=<div class="navLevel-x">), 
wrap_link_text(<em>|</em>,
articlemenu_start_level|
articlemenu_list_image_size (WxHxCROPx0 or WxHxCROPx1)|
articlemenu_use_text (take text from: description:MAXLEN OR menutitle:MAXLEN OR teaser:MAXLEN)|
articlemenu_position (inside|outside))
</code> 

**Dateiname:** --  \\
**Verzeichnis:** -- (System) \\
**Bedingung:**  --


----
----
\\

===== Beschreibung =====

V1.2 => RELEASE_DATE 2014/05/25 \\
Navigation im Artikelmodus zzgl. Ausgabe von Text & Bild \\

V1.1 => CMS 2012 \\
Navigation im Bootstrap Still? => http://forum.phpwcms.org/viewtopic.php?t=24328&p=141900 \\

**V1.0 => CMS V1.5.x r424** //(18.09.2011)// + Separate Klassen bei aktivem Link und aktivem Artkiel wenn menu_type "A" beinhaltet. \\
@string $parameter = 
"**menu_type**, **start_id**, **max_level**, **class_path**, **class_active_li|class_active_a**, **ul_id_name**, **wrap_ul_div**(0 = off, 1 = <div>, 2 = <div id="">, 3 = <div class="navLevel-x">), **wrap_link_text**(<em>|</em>), **articlemenu_start_level**"

**V1.0 => CMS V1.4.4 r387** //(03.12.2009)// \\
@string $parameter = 
"**menu_type**, **start_id**, **max_level**, **class_path**, **class_active**, **ul_id_name**, **wrap_ul_div**(0 = off, 1 = <div>, 2 = <div id="">, 3 = <div class="navLevel-x">), **wrap_link_text**(<em>|</em>), **articlemenu_start_level**"

**V1.0 < CMS V1.4.4 r386** //(29.11.2009)//\\
@string $parameter = 
"**menu_type**, **start_id**, **max_level**, **class_path**, **class_active**, **ul_id_name**, **wrap_ul_div**(0 = off, 1 = <div>, 2 = <div id="">, 3 = <div class="navLevel-x">), **wrap_link_text**(<em>|</em>)"

E.g.: **{NAV_LIST_UL:F, 19, 10, act_path, class_active_li|class_active_a, id, 2, <em>|</em>, 2}** //(Nicht der Realität entsprechend)//.


| No   ^ Beispiel ^ Parameter            ^ Kommentar            ^
^ 1    | F        | **menu_type[[[F,VCSS,HCSS]P]A]**  | ''-   **F** = aktiver Pfad aufgeklappt, \\ 
                                        - **VCSS** = vertikal, alle Ebenen entfaltet, setzt Code für ein vertikales CSS-FlyOut-Menü ein, \\ 
                                        - **HCSS** = horizontal, alle Ebenen entfaltet, setzt Code für ein horizontales CSS-PullDown-Menü ein \\ 
                                        -    **P** = Ausgabe des Eltern-link //(parent)// und in der Kombination mit **F, VCSS, HCSS wie FP, VCSSP, HCSSP**. (seit V1.3x) \\
                                        -    **B** = Bootstrap kompatibles Rendering (hier geht B nicht in Verbindung mit F) \\
                                        -    **A** = Ausgabe von Artikellinks wenn im Artikellistenmodus in der Kombination mit **F und P,  wie FA, PA, FPA**. (seit V1.4.4 r387)''          |
^ 2    | 19       | **start_id**                     | Startpunkt //(Die ID ist in der Seitenstruktur sichtbar)//        |
^ 3    | 10       | **max_level**                    | ''Ab der start_id X-Ebenen tief \\ Wenn max_level = 0 keine Begrenzung, max_level=1 Begrenzt auf die erste Ebene - es wird kein Sub <ul> ausgegeben u.s.w...''                   |
^ 4    | act_path | **class_path**                   | ''<ul class="**//act_path//**">\\ 
 	                                  <li ....''       |
^ 5    | active   | **class_active**                 | ''<ul class="act_path"> \\ 
	                                  <li class="sub_ul act_path **//active//** sub_first"><a href="....</a> \\ 
	                                  <ul class="act_path">''        |
^ 5A   | active_li%%|%%active_a | **class_active_li%%|%%class_active_a** | ''<ul class="act_path"> \\ 
                                      <li class="sub_ul act_path **//active_li//** sub_first"><a href="....</a> //(Kategorielink)// \\ 
                                      <ul class="act_path">  \\ 
                                      <li class="asub_no asub_first"><a href="....</a></li> //(Artikellink)// \\ 
                                      <li class="asub_no **//active_li//**"><a href="...." class="**//active_a//**"></a> </li> //(Artikellink)//'' | 
^ 6    | id       | **ul_id_name**                   | ''**individueller Name** (ID=Kategorie-ID) **für ul_id und li_id ** \\      
                                        <ul **id="id_12"**> \\ 
                                        <li **id="id_16"** class="sub_no"><a href="....</a></li> \\ 
                                        <li **id="id_17"** class="sub_ul"><a href="....</a> \\ 
                                        <ul **id="id_14"**> \\ 
                                        <li **id="id_24"** class="sub_no"><a href="....</a></li> \\
                                        </ul>''     |
^ 7    | 2        | **wrap_ul_div (**                | Legt einen div Container um jedes <ul>.....</ul>        |
^ -    |          | **0** = off                      | nichts        |
^ -    |          | **1** = <div>                    | ''<ul> \\ 
                                        <li class="sub_no"><a href="....</a></li> \\ 
                                        <li class="sub_ul"><a href="....</a> \\ 
                                        **//<div>//** \\ 
                                        <ul> \\ 
                                        <li class="sub_ul"><a href="....</a> \\ 
                                        **//<div>//**''        |
^ -    |          | **2** = <div id="">              | ''<ul> \\ 
                                        <li class="sub_no"><a href="....</a></li> \\ 
                                        <li class="sub_ul"><a href="....</a> \\ 
                                        **//<div id="ul_div_30">//** \\ 
                                        <ul> \\ 
                                        <li class="sub_ul"><a href="....</a> \\ 
                                        **//<div id="ul_div_32">//**\\ 
                                        <ul> \\ 
                                        <li ....''        |
^ -    |          | **3** = <div class="navLevel-x"> | ''<div class="navLevel-0">
                                        <ul> \\ 
                                        <li class="sub_no"><a href="....</a></li> \\ 
                                        <li class="sub_ul"><a href="....</a> \\ 
                                        **//<div class="navLevel-1">//** \\ 
                                        <ul> \\ 
                                        <li class="sub_ul"><a href="....</a> \\ 
                                        **//<div class="navLevel-2">//**\\ 
                                        <ul> \\ 
                                        <li ....''        |
^ -    |          | **)**                            |         |
^ 8    | <em>%%|%%</em> | **wrap_link_text(<em>%%|%%</em>)**  | ''<li class="sub_no"><a href="....">**//<em>//**Link Text**//</em>//**</a></li> ''       |
^ 9    | 2              | **articlemenu_start_level** | ''<li class="asub_no //[asub_first] [active]//>"<a href="...."></li>''  \\ //(beginn der Artikellinkausgabe ab der zweiten Ebene)//  //(ab v1.4.4 r387 (03.12.2009))//       |
^ -   | WxHxCROPx0 | **articlemenu_list_image_size** | - Mit Anschnitt WxHxCROPx1 \\ - Ohne Anschnitt WxHxCROPx0 |
^ -   | description:10 | **articlemenu_use_text** | - description:MAXLEN \\ - menutitle:MAXLEN \\ - teaser:MAXLEN |
^ -   | inside | **articlemenu_position** | - inside \\ - outside        |
^ 10   |          | xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx |         |

=> Und viele andere Kombinationen dieser Tags ..... 

=====Mehr Möglichkeiten=====

<code>{NAV_LIST_UL:P,0,,current|menu responsive-menu,current}</code>

um etwas zu bekommen wie

<code>
<ul class="menu responsive-menu">
   <li class="sub_parent current"><a href="index.php?index" title="Home">Home</a></li>
   <li class="sub_no sub_first"><a href="index.php?kontakt" title="Kontakt">Kontakt</a></li>
   <li class="sub_no sub_last"><a href="index.php?impressum" title="Impressum">Impressum</a></li>
</ul>
</code>

Das verarbeitet nun mehr als eine class in einem responsive Menü. Daneben existiert die Möglichkeit, Aktivklasse auch auf den Link zu beschränken bzw. zu erweitern

Code:
    {NAV_LIST_UL:F,{LEVEL2_ID},10,class_path|categories|ul_class_level2,li-active|a-active,,0,,}


Der 1. Wert entspricht dem bisherigen Standard und kann auch leer sein:

Code:
    {NAV_LIST_UL: F, 0, 1, , |a-active}


Ergibt dann

Code:
    <ul>
       <li><a href="#" class="active">Cat</a></li>
       <li><a href="#">Cat2</a></li>
    </ul>


Die Klassen wie sub_ul etc. können über conf.template_default.inc.php gesteuert werden und gleichfalls leer sein.

===== Das geht? Just give it a try! =====
{NAV_LIST_UL:BA,0,,current|nav nav-justified,,id,,<div>|</div>,1|100x100xCROPx1|description:1000|inside|[IMAGE]<img src="[%IMAGE%]" alt="[%IMAGE_NAME%]">[/IMAGE][TEXT][%TEXT%][/TEXT]}

''articlemenu_start_level|articlemenu_list_image_size (WxHxCROP OR WxHxCROP)|articlemenu_use_text (take text from: description:MAXLEN OR menutitle:MAXLEN OR teaser:MAXLEN OR teaser:HTML)|articlemenu_position (inside|outside)|<custom>[TEXT]{TEXT}[/TEXT][IMAGE]<img src="{IMAGE}" alt="{IMAGE_NAME}">[/IMAGE]</custom>''