Breadcrumb Menü

[ocean85]

Hallo Zusammen,

nachdem ich mir gerade eben, beim Versuch dieses Tutorial umzusetzen das gesamte Template zerschossen habe und über 2 Stunden für die Wiederherstellung benötigt habe, hier meine Frage:

Tutorial:

sk-typo3: Das Breadcrumb-Menü

Was ich möchte:

Ohne via Templavoila ein neuen Tamplate mappen zu müssen eine "Sie sind hier"-Navigation in meine Seite integrieren

Was ich nicht verstehe:

Zitat: "Ja, richtig gehört, wir bedienen uns eines einfachen Elements, COA."

Fazit: Ich verstehe nur Bahnhof wo soll ich was und wie anlegen...

Wo lege ich:

INHALT = COA
INHALT{
   10 < Breadcrumb 
   20 < content.styles.get
}

und wo lege ich

10 = HMENU
10 {
	special = rootline
	special.range = 2|-1
	1 = TMENU
	1.noBlur = 1
	1.wrap = <ul id="breadcrumb"> | </ul>
	1.NO.linkWrap = <li> |  &raquo; </li>
	1.NO.ATagTitle.field = title
	1.NO.ATagTitle.noTrimWrap = | zur Seite: |
	1.CUR = 1
	1.CUR {
		linkWrap = <li><span class="spot5" title="Sie befinden sich auf der Seite:"> | </span></li>
		doNotLinkIt = 1
	}
}

denn überhaupt an - und führt das allein dazu das ich die gewünschte Navigation einbette die ich haben will? Wie definiere ich denn eigentlich "wo" diese Navi dann angezeigt werden soll?...

Ich steh total auf dem Schlauch, vielleicht ist es auch einfach zu spät

[Lasergraph]

Hallo ocean85

Nach diesem Tutorial würde das Breadcrumb oberhalb des Inhalts erscheinen, dabei verwendest du den Marker für den Inhalt auch für das Menü.

Es hat aber noch einen Fehler im Tutorial! 20 < content.styles.get muss heissen 20 < styles.content.get!!

Ansonsten kannst du die beiden Codeauszüge einfach kombinieren:


INHALT = COA
INHALT{
10 = HMENU
10 {
special = rootline
special.range = 2|-1
1 = TMENU
1.noBlur = 1
1.wrap = <ul id="breadcrumb"> | </ul>
1.NO.linkWrap = <li> | &raquo; </li>
1.NO.ATagTitle.field = title
1.NO.ATagTitle.noTrimWrap = | zur Seite: |
1.CUR = 1
1.CUR {
linkWrap = <li><span class="spot5" title="Sie befinden sich auf der Seite:"> | </span></li>
doNotLinkIt = 1
}
}
20 < styles.content.get
}


Das ganze kommt dann an die Stelle wo zuvor nur der Inhalt zugewiesen wurde. In diesem Beispiel hätte das so ausgesehen:

INHALT < styles.content.get


Meiner Meinung nach nicht sehr schön, aber tut was es soll.

gruss Lasergraph

[ocean85]

Hey Lasergraph,

vielen Dank für deine Antwort. Das ganze wird langsam etwas durchsichtiger für mich wobei ich immernoch nicht verstanden habe wo der Code hinsoll?

Muss er ins Typoscript des Templates? Müssen die beiden Codeauszüge an verschiedene Stellen? Oder muss ich ein neues Inhaltselement anlegen welches ich mit Typoscript füttern könnte? Wenn ja, wie geht das?

[Lasergraph]

poste doch mal dein TypoScript Code hier.

gruss Lasergraph

[ocean85]

Ich hab glaub ich ein reines Verständnissproblem... insbesondere durch die Umstellung meines Backend auf Deutsch

Welche TypoScript Code soll ich denn posten?

Einmal gibt es ja das TypoScript im Template selbst und einmal unter Seiteneigenschaften -> TSConfig, wobei ich den Sinn von letzterem sowieso noch nicht verstanden habe...

Soweit ich das bisher verstanden habe ist ein COA aber wieder was ganz anderen, nämlich eine Art Contentelement welches man ebenfalls mit Typoscript befüllen kann?

TS hab ich bisher nur im Template selbst, denke kaum das du das sehen willst, oder?

[Lasergraph]

Also mal Grundsätzlich für das Verständnis:

TypoScript -> Ist für die Frontendausgabe zuständig und steht bis auf wenige Ausnahmen immer im Template-Datensatz (Setup-Feld).

TSConfig ist für die Konfiguration des Backends zuständig.

COA ist ein Objekt von TypoScript. Mehr Informationen dazu findest du in der TSref (TypoScript Reference).

Und doch, ich meine den Code aus deinem Template.

gruss Lasergraph

[ocean85]

Hier mein Typoscript:

config.spamProtectEmailAddresses = 1

page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page

lib.mainMenu = HMENU
lib.mainMenu.entryLevel = 0
lib.mainMenu.wrap = <div id="navi">|</div>
lib.mainMenu.1 = TMENU
lib.mainMenu.1.NO.linkWrap = &nbsp;|<br>




config {
 simulateStaticDocuments = 0
 baseURL = http://www.xyz.de
 tx_realurl_enable = 1
}


# entfernen des spacer.gif bzw. clear.gif
tt_content.image.20.spaceBelowAbove = 0
tt_content.header.stdWrap.space = 0|0
tt_content.stdWrap.space = 0|0
tt_content.stdWrap.spaceBefore = 0
tt_content.stdWrap.spaceAfter = 0
lib.stdheader.stdWrap.space = 0|0

lib.stdheader.stdWrap.dataWrap >

tt_content.text.20.parseFunc.tags.typohead.stdWrap.space = 0|0

lib.stdheader.10.stdWrap.wrap = |
tt_content.textpic.20.spaceBelowAbove = 0
tt_content.image.20.spaceBelowAbove = 0
tt_content.textpic.20.noStretchAndMarginCells = 1
tt_content.image.20.noStretchAndMarginCells = 1

tt_content.menu.20.2 {
  1.NO.linkWrap=<b>|</b>
  2.NO.linkWrap=<b>|</b>
  3.NO.linkWrap=<b>|</b>
  4.NO.linkWrap=<b>|</b>
}

[Lasergraph]

Sorry muss irgendwie überlesen haben das du TemplaVoila einsetzt.

Tut mir leid damit konnte ich mich nie anfreunden.

Somit ist mir auch klar wieso du das Tutorial nicht umsetzten konntest. Dieses geht nämlich von einer TYPO3 Installation ohne TemplaVoila aus.

gruss Lasergraph

[ocean85]

ja sowas dachte ich mir schon

Also soweit ich das jetzt deuten kann, funktioniert das so garnicht sondern nur durch mappen eines neuen Bereiches...?

Gruss