Beschreibung bei Menüpunkten (show_menu2) - Problem gelöst!

[Evilein]

Liebe community,
folgendes problem raubt mir meinen schlaf:

ich habe folgendes dropdown show_menu2 (mit umgebung):

Code:

<div id="main_navigation" class="main-menu "> <!--  MAIN  NAVIGATION-->
<ul>
<?php show_menu2(1, SM2_ROOT, SM2_ALL, SM2_ALL, false, "\n</li>", false, false, false, '<nav class="main-menu">'); ?>
</ul>
</div> <!-- MAIN NAVIGATION ENDS-->

Das funktioniert so weit ganz gut und schaut so wie auf Bild nav_1 aus.

Jetzt möchte ich noch den Menüpunkten auf der Root Ebene eine Beschreibung geben. Das ganze sollte dann so wie auf Bild 2 ausschauen.

Ich komm aber nicht drauf, wie ich das span mit der description hier setzen kann.

in html schaut es so aus:

Code:

<nav id="main_navigation" class="main-menu ">   <!--  MAIN  NAVIGATION-->

<ul>
<li><a href="#" title="Start">Start<span>Meine Homepage</span></a></li>
<li><a href="#"> Link 1<span>Link 1 Beschreibung </span></a>
      
             <ul>
    <li><a href="#">Link 1 Unterseite_1</a></li>
    <li class="zebra-nav"><a href="#">Link 1 Unterseite _2</a></li>
    <li><a href="#">Link 1 Unterseite _3</a></li>

                         <ul>
        <li><a href="#">Unterseite_3_1</a></li>
        <li class="zebra-nav"><a href="#">Unterseite_3_2</a></li>
        </ul>
             </ul>
 <li><a href="#">Kontakt</a></li>
</ul>
</div> <!-- MAIN NAVIGATION ENDS-->

Das dazugehörende CSS schaut so aus:

Code:

/*-------------------------------------------------------------------------------------------------*/
/*--------------------------------06 - MAIN NAVIGATION---------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
#main_navigation {
top:0px;
font-size:11px;
height:50px;
float:right;
}
.main-menu {
position:relative;
z-index:22;
font-family:'Droid Sans', arial, serif;
}
.main-menu ul {
margin:0;
padding:0;
list-style-type:none;
}
.main-menu ul li {
position:relative;
display:inline;
float:left;
font-size:14px;
}
.main-menu ul li a,.main-menu ul li a:link,.main-menu ul li a:visited {
line-height:40px;
color:#111;
font-size:13px;
text-transform: uppercase;
text-shadow: 0px 1px #f7f7f7;
}
.main-menu ul li a span{
display:block;
color:#898989;
font-size:10px;
text-align:center;
margin-top:-15px;
text-transform: capitalize;
}
.main-menu ul li a:hover,.main-menu ul li:hover {
color:#7ccce5;
background:#e1e1e1;
border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
text-shadow:none;
}

.main-menu ul li a {
display:block;
text-decoration:none;
overflow:hidden;
padding:0px 15px;
}
* html .main-menu ul li a {
display:inline-block;
}
.main-menu ul li ul {
position:absolute;
left:0px;
display:block;
visibility:hidden;
width:180px;
}
.main-menu ul li ul li {
display:list-item;
float:none;
}
.main-menu ul li ul li a {
width:160px;
padding:5px 10px;
}
.main-menu ul ul {
background:#e1e1e1;
z-index:101;
border-radius: 0px 4px 4px 4px;
-moz-border-radius:0 4px 4px 4px;
-webkit-border-radius:0 4px 4px 4px;
border-bottom:1px solid #e1e1e1;
border-right:1px solid #e1e1e1;
border-left:1px solid #e1e1e1;
}

.main-menu ul ul li:last-child{
border-radius: 0px 0px 4px 4px;
-moz-border-radius:0 0px 4px 4px;
-webkit-border-radius:0 0px 4px 4px;
}

.main-menu ul ul li.zebra-nav  {
background:#f7f7f7;
}
.main-menu ul ul li a,.main-menu ul ul li a:link,.main-menu ul ul li a:visited {
height:100%;
text-transform: capitalize;
line-height:20px;
margin-right:0px!important;
padding:8px 11px!important;
font-size:11px;


}
.main-menu ul li ul li a:hover,.main-menu ul ul li a:hover {
text-decoration:none!important;
background:#7ccce5;
color:#FFF;
text-shadow:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;

}
.main-menu ul li ul li:last:child:hover,.main-menu ul ul li:last:child:hover{
border-radius: 0px 0px 4px 4px;
-moz-border-radius:0 0px 4px 4px;
-webkit-border-radius:0 0px 4px 4px;
}
.main-menu ul ul li ul li a:hover,.main-menu ul ul ul li a:hover {
text-decoration:none!important;
background:#7ccce5;
color:#000;
text-shadow:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}

Das die Unternavipunkte unbedingt der Klasse "zebra-nav" zugewiesen werden müssen ist nicht nötig - da habe ich schon Abstriche gemacht.

Aber die Beschreibun der Hauptlinks sollte doch irgendwie hinzubekommen sein.
Aber ich habe probiert und probiert - ich kriegs einfach nicht hin.
HILFE!
Vielen Dank für einen Tipp!
Liebe Grüße
Blond Alpinegirl

[instantflorian]

Hallo,

schau Dir mal auf der show_menu2-Hilfeseite den Code für "Sitemap" an, damit müsste es hinzubekommen sein.

Viele Grüße
_florian.

[Evilein]

Danke florian für den Tipp - habe es damit aber schon versucht.
Irgendwie schein ich die Logik hinter dem show_menu noch nicht ganz verstanden zu haben.
ist denn da das <i> </i> bei dem description wirklich so zu nehmen? Weil so ein i tag ist mir noch nie untergekommen.

Ich versuchs weiter....
Dennoch danke für die rasche Antwort!
LG
Evilein

[Evilein]

So, jetzt habe ich es zumindest mal geschafft, das es so angezeigt wird, wie es sollte.
Aber statt die Beschreibung kommt immer nur [description:UNKNOWN]

Jetzt fehlen mir nur noch zwei Dinge:

• wie sage ich dem show-menu, dass es die Beschreibung nur bei der 1. Ebene dazufügen soll
  und dass  die in der Seitenstruktur platzierte Beschreibung genommen werden soll
  

Danke für weitere Tipps!
Evilein

[jacobi22]

Weil so ein i tag ist mir noch nie untergekommen.

Na das ist aber HTML-Basiswissen <i></i> - italic = kursiver Schriftstil  

[Evilein]

o je .... stimmt ja! 

so ein problem konnte ich auch schon wieder lösen:

Wenn man description oder keywords auslesen will, dann muss SM2_ALLINFO flag gesetzt sein.

Jetzt fehlt nur noch, wie sage ich meinem show_menu, dass es diese info nur auf der root ebene auswerfen soll?

Danke für weitere Hinweise!
Evilein

[instantflorian]

Hallo,

hm, das mit dem UNKNOWN kommt mir vage bekannt vor. Ich glaube, das Problem hatte ich auch schon mal. Hast Du den Code von der SM2-Beispielseite 1:1 übernommen und sind für die Seiten Beschreibungen beim Feld "Beschreibung" unter "Seiten-Eigenschaftem ändern" hinterlegt? Dann sollte es doch eigentlich funktionieren.
Paste doch hier mal den Menüaufruf.

Dass nur bei den obersten Menüpunkten die Beschreibungen mit ausgegeben werden, erreichst Du entweder über die [IF] [ELSE] Geschichten, die SM2 an Bord hat (ich habe mich an die aber noch nie herangetraut) oder über CSS, à la

Code:

#main_navigation ul li ul li span {display:none}

oder so.

hth
_florian.

[Evilein]

Hi,
bin schon ganz nah dran 

mit:

Code:

<?php show_menu2(1,SM2_ROOT, SM2_ALL, SM2_ALLINFO, ' [if(level==0){[li][a][menu_title]<span>[description]</span></a>}else { [li][a][menu_title]</a>}  ]'   ); ?>

funktioniert es so in etwa. Aber leider werden die Unterseiten nur bei dem Hauptmenüpunkt angezeigt, wenn dieser gerade aktiv ist.

Ich bleib dran....
Grüßlein
Evilein

[instantflorian]

SM2_ALL|SM2_ALLINFO als 4. Parameter mal probieren.

[Evilein]

Hi Leute,

mit tatkräftiger Unterstützung von florian nun das Problem gelöst:
richtig ist:

Code:

<?php show_menu2(
1,
SM2_ROOT, 
SM2_ALL, 
SM2_ALL|SM2_ALLINFO,
 '[if(level<1) { [li][a][menu_title]<span>[description]</span></a> } else { [li][a][menu_title]</a> } ]'
); ?>

Und anbei noch ein Bild, wie es dann ausschaut.
Danke nochmals Florian 
Grüße aus dem Ösiland!
Evielein