MainMenu SubMenu No Content Found

Ich versuche mit dem TemplaVoila Wizard ein Main Menu mit Sub Menu zu mappen.

Der betreffende Teil der Vorlage sieht so aus:

<div id="menu">
<ul><!-- hier "main menu" mapping gesetzt -->

<li><a href="#">Hauptmenupunkt_1</a>

<ul><!-- hier "sub menu" mapping gesetzt -->

<li><a href="#">Untermenupunkt 1.1</a></li>

<li><a href="#">Untermenupunkt 2.1</a></li>

<li><a href="#">Untermenupunkt 3.1</a></li>

</ul>

</li><--! Hauptmenupunkt_1 -->

</ul>
</div><--! id="menu" -->

Ich habe den Eindruck, dass ich das Submenu nicht "innerhalb" des MainMenu haben kann denn sobald ich MainMenu mappe steht beim SubMenu Mapping "div#menu ul[1] li[1] ul[1]" "no content found".

Erklaert habe ich mir das damit, dass beim Mapping alles innerhalb (bei INNER) des gemappten Elements (hier ein <ul>) ersetzt wird und dann damit das SubMenu nicht mehr da ist.

Wie soll man aber sonst verschachtelte Menus in dieser Art bekommen?

+-Hauptmenupunkt (Main Menu?)
'-SubMenuPunkt (SubMenu?)
'-SubMenuPunkt (SubMenu?)
+HauptmenuPunkt2 (Main Menu?)
'-SubMenuPunkt (SubMenu?)

Und ja ich bin noch recht neu bei Typo3 😉

Vielen Dank im Voraus

tof

Hi!

Dein Vermutung ist genau richtig.
Der Trick ist das du nicht 2 Menüs bauen musst, sonder nur 1. Dieses definierst du so das die 2te Ebene ein <ul> dazu bekommt ...

Also: das mapping auf das erste ul element.

das menu so aufbauen das der link in <li></li> elementen gewrappt wird.

die 2te (und natürlich die tieferen ebenen auch) sollten ein wrap = <ul>|</ul> bekommen. Somit wird dein Menü verschachtelt aufgebaut.

Grüsse!

hi tof

guggst du
hier

grüsse demeter

Eigentlich hatte ich gehofft mit dem folgenden TypoScript koennte ich das erreichen, was du vorgeschlagen hast anj.

(Ja TypoScript is genauso neu fuer mich wie Typo3)

## Menu [Begin]
lib.mainMenu = HMENU
lib.mainMenu.entryLevel = 0

lib.mainMenu.1 = TMENU
lib.mainMenu.1.NO {

## Um jeden Menupunkt (egal ob Haupt oder Sub) ein <li></li>

	allWrap = <li>|</li>
}
lib.mainMenu.2.ACT {

## Um einen Untermenupunkt zusaetzlich ein <ul></ul>

	allWrap = <ul>|</ul>
}
## Menu [End]

Hier die Vorlage nochmal entsprechend formatiert.

<ul>

<li>
<a href="#">Hauptmenupunkt_1</a>

<ul><li><a href="#">Untermenupunkt 1.1</a></li></ul>

</li>

<li>
<a href="#">Hauptmenupunkt_2</a>

<ul><li><a href="#">Untermenupunkt 2.1</a></li></ul>
<ul><li><a href="#">Untermenupunkt 2.2</a></li></ul>
<ul><li><a href="#">Untermenupunkt 2.3</a></li></ul>

</li>



</ul>

Jetz bin ich warscheinlich total von der Rolle, oder?

@demeter: Das muss ich mir nochmal genauer anschaun, ob und wie das auf mein Problem passt.

Vielen dank fuers lesen und danke im Voraus fuer euren Rat!

tof