Navigation mit Ebenen

flax · #1 14.10.08, 10:16

Hallo liebe Forengemeinde,

ich bin neu hier und auch so ziemlich neu in Sachen Typo3.

Mein Probem ist, da ich ja noch relativ neu bin, versuche ich eine Ebenen Navigation zu erstellen. Ich habe auch schon viele Posts gefunden nur leider nichts, was mir weiter geholfen hat. Ich brauch erstmal einen groben Anfang oder am aller besten ist ein Tutorial wo erklärt wird, was und warum man bestimmte sachen einfach so machen muss. Ich möchte ungern stumpfes Copy'n'Past machen weil ich dort einfach nichts lernen kann. Da ich sehr Wissbegirig bin, würde mir dies also nicht weiterhelfen.

Es wäre einfach Super wenn mir jemand von den Profis hier helfen könnte ;)

mfg.flax

Päse · #2 14.10.08, 10:24

Beschreib doch mal genau was dein Menu können soll/muss und wie es genau Aufgebaut ist, damit wir dich heranführen können.

flax · #3 14.10.08, 10:45

Schön das du so schnell antwortest.

Also der Aufbau:

Zitat:

Test
-Tests A - Z
-Abkürzungen A - Z
-Neuerscheinungen
-Themenverzeichnis
-Autorenverzeichnis
-Dt. Schultests

Bücher
-Neuerscheinungen
-Themenverzeichnis
-Autorenverzeichnis
-Titelverzeichnis
-Buchreihen
-Online Bücher
-Lehrbücher

Service
-Bücher
-Informationen
-Registrierung
-Impressum/Kontakte

Die Punkte ohne ein Minus davor, sollen die "Oberpunkte" sein. Die Punkte mit einem Minus sollen die "Unterpunkte" sein.

Die Unterpunkte sollen solange versteckt sein, bis ich auf ein Oberpunkt klicke. D.h. erstmal steht nur Tests, Bücher, Service da und sobald ich z.b. auf Tests klicke soll das ganze so aussehen:

Zitat:

Test
-Tests A - Z
-Abkürzungen A - Z
-Neuerscheinungen
-Themenverzeichnis
-Autorenverzeichnis
-Dt. Schultests

Bücher

Service

Das ist doch eigentlich eine relativ standadisierte Form einer Navigation, oder nicht? Deswegen wundert mich das so, das ich keinerlei nützliche Onformationen gefunden hab.

Ich hoffe das meine Darstellung relativ verständlich war.

mfg.flax

longhook · #4 14.10.08, 13:46

Hallo flax,

willkommen hier im Forum! Es gibt m. E. durchaus einige gute Einführungen, die das Erstellen von Menüs darstellen. Eventuell empfiehlt sich dazu aber auch der Besuch einer Bibliothek.

Was Du möchtest, kannst Du zum Beispiel so erreichen:

Schritt 1
Erstelle in Deinem HTML-Template den Bereich , in dem TYPO3 das Menü generieren soll. Eventuell musst Du hier einen Marker eintragen (siehe auch Schritt 3), ich nenne ihn hier mal NAVMAIN.

Schritt 2
Definiere in einem Template mittels TypoScript, was für ein und wie das Menü generiert werden soll. In meinem Beispiel ein Listenmenü mit zwei Ebenen.

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:

temp.navMain = HMENU
temp.navMain {
#### erste Ebene
## die 1. Ebene soll vom Typ TMENU sein
1 = TMENU
## füge die erste Ebene in ein <ul id=navMain1"> ein
1.wrap = <ul id="navMain1">|</ul>
1 {
## Status NO: normale Menüpunkte
NO{
# alle normalen Menüpunkte sollen in <li> eingeschlossen werden
wrapItemAndSub = <li>|</li>
}
## Status ACT: Rootline zur aktuellen Seite
# Status aktivieren
ACT=1
ACT{
# alle Menüpunkte des Zustands ACT sollen die Klasse "act" bekommen
wrapItemAndSub = <li class="act">|</li>
}
}

#### zweite Ebene
# übernimm Anweisungen aus erster Ebene
2 < lib.navMain.1
# füge die 2. Ebene in ein <ul id="navMain2"> ein
2.wrap = <ul id="navMain2">|</ul>
}

Falls Du nicht das Template der Rootseite verwendest, musst Du das anderswo gespeicherte Template noch in das der Rootseite "nachladen" (Include basis template).

Schritt 3
"Fülle" Deinen Bereich im HTML-Template mit den TypoScript-Angaben. Hier kommt es nun darauf an, wie Du das Mapping vornimmst. Wenn Du mit Markern arbeitest also z. B.

Typoscript-Code:

1:	page.10.MARKS.NAVMAIN < temp.navMain

Schritt 4
Eventuell Caches leeren und Ergebnis im Frontend anschauen ...

Kurz genug für einen Einstieg? Oder zu kurz um nicht noch mehr Fragen zu produzieren?

Gruß

longhook

flax · #5 14.10.08, 14:11

Ja danke für die schnelle Antwort. Nur ich bekomm es irgendwie gar nicht zum laufen. Ich erkläre euch mal meine Struktur. Vllt mach ich ja was ganz Grundlegendes falsch.

Das ist mein Baum im Typo

Das Setup der Startseite:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:

page= PAGE
page.stylesheet = uploads/tf/style.css
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = uploads/tf/index.htm
workOnSubpart = DOCUMENT_BODY
}

page.10.subparts.box_l < tmp.HAUPTNAVIGATION
page.10.subparts.box_m < styles.content.get

page.10.subparts.MENU_MAIN < temp.navMain

page.10.subparts.box_r < tmp.login

plugin.feadmin.fe_user.includeLibs = typo3/sysext/cms/tslib/media/scripts/fe_adminLib.inc

Nun habe ich unter dem System Ordner meine Benutzer und die Templates. Dort liegt ein Template Namens "navMain".

Das Setup des Templates:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:

temp.navMain = HMENU
temp.navMain {
#### erste Ebene
## die 1. Ebene soll vom Typ TMENU sein
1 = TMENU
## füge die erste Ebene in ein <ul id=navMain1"> ein
1.wrap = <ul id="navMain1">|</ul>
1 {
## Status NO: normale Menüpunkte
NO{
# alle normalen Menüpunkte sollen in <li> eingeschlossen werden
wrapItemAndSub = <li>|</li>
}
## Status ACT: Rootline zur aktuellen Seite
# Status aktivieren
ACT=1
ACT{
# alle Menüpunkte des Zustands ACT sollen die Klasse "act" bekommen
wrapItemAndSub = <li class="act">|</li>
}
}

#### zweite Ebene
# übernimm Anweisungen aus erster Ebene
2 < lib.navMain.1
# füge die 2. Ebene in ein <ul id="navMain2"> ein
2.wrap = <ul id="navMain2">|</ul>
}

Mein Marker im HTML Template:

HTML-Code:

<!-- ###MENU_MAIN### start -->
    <div id="navi">
    
    </div>
<!-- ## MENU_MAIN### stop -->

Das müsste iegentlich alles relevantes gewesen sein.

Nun ist meine Frage, weil ich finde den Fehler nicht, Ob ich z.B. Bei der Unterseite Tests "Tests A-z" irgendeine besondere Eigenschaft hinzufügen muss, oder ob das reicht, das ich es Als Unterseite angelegt hab.

mfg.flax

longhook · #6 14.10.08, 14:22

Ein erster Ansatz wäre es schon mal, wenn Du mehrere ContentObjects für Deine Definitionen verwendetest. Bislang hast Du nur page.10, das Du mit jeder neuen Zeile wieder anders definierst. Versuch´s mal für jedes neue Objekt mit page.20, page.30 etc. ...

Danach schauen wir weiter.

flax · #7 14.10.08, 14:33

Naja nun bin ich ganz durch den Wind :D

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:

page= PAGE
page.stylesheet = uploads/tf/style.css
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = uploads/tf/index.htm
workOnSubpart = DOCUMENT_BODY
}

page.20.subparts.box_l < tmp.HAUPTNAVIGATION
page.30.subparts.box_m < styles.content.get

page.40.subparts.MENU_MAIN < temp.navMain

page.50.subparts.box_r < tmp.login

plugin.feadmin.fe_user.includeLibs = typo3/sysext/cms/tslib/media/scripts/fe_adminLib.inc

Jetzt geht nichts mehr. Muss ich noch was ändern, außer das Rootseiten-Setup?

mfg.flax

longhook · #8 14.10.08, 15:34

War auch totaler Nonsense, was ich da geschrieben habe.

Hätte mal richtig lesen müssen ... Entschuldige bitte. Die "10" stand da schon richtig. Muss mich erst mal wieder in die Marker- und Subpartproblematik eindenken, weil ich seit langem TemplaVoila verwende ...

Erster Ansatz: Ersetze mal im HTML-Template am Ende des Subparts stop durch end.

flax · #9 14.10.08, 15:40

Hehe

ist ja nicht schlimm.

Also ich hab jetzt das "stop" durch "end" ersetzt, und es ist wieder nichts zu sehen. Vllt hilft es ja wenn ich sage, das der Quelltext gar nicht ersetzt wird, also wenn ich mir den Seitenquelltext anschaue, steht es immer noch völlig unberührt wie manuell hineingeschriebn drin.

longhook · #10 14.10.08, 15:59

Okay, wenn ich Dich richtig verstanden habe, wird Dein HTML-Template gefunden, die Subparts aber nicht erfolgreich angesprochen.

Ansatz 2: Dein Subart DOCUMENT_BODY heißt auch tatsächlich so? Im Quelltext des HTML-Templates wird also der Inhalt mit

HTML-Code:

<!-- ###DOCUMENT_BODY### start -->
...
<!-- ###DOCUMENT_BODY### end -->

gerahmt?

Ansatz 3: Die weiteren Subparts sind auch tatsächlich Subparts? Oder sind es Marker der Art

HTML-Code:

###box_m###

?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Template Business / 3 Ebenen Menü statt 2 Ebenen	lite	GMENU, HMENU, TMENU und Co.	9	01.04.09 12:14
Meu mit drei Ebenen	wolkenunddreck	GMENU, HMENU, TMENU und Co.	1	27.08.08 10:28
Navigation (3 Ebenen)	Ingo187	TYPO3 4.x Fragen und Probleme	6	09.07.08 08:02
Gelöst T_Menu: 2 Ebenen in Seitenstruktur mit 3 Ebenen	Würmchen	GMENU, HMENU, TMENU und Co.	0	31.01.08 15:17
Navigation auf drei Ebenen erweitern	cikono1	GMENU, HMENU, TMENU und Co.	2	17.11.05 16:17

Suche

Userpanel