Neben der klassischen Templating Methode mit Markern und TemplaVoila...
...gibt es jetzt auch das Templating mit FLUID.
Ich möchte hier ein kleines Beispiel anzeigen wie mit FLUID ein TYPO3 Template realisiert werden kann...
lib.content_header = CONTENT
lib.content_header < styles.content.get
lib.content_header {
table = tt_content
select {
where = colPos = 1
orderBy = sorting
languageField = sys_language_uid
}
}
lib.content_mitte= CONTENT
lib.content_mitte< styles.content.get
lib.content_mitte{
table = tt_content
select {
where = colPos = 0
orderBy = sorting
languageField = sys_language_uid
}
}
lib.content_rechts = CONTENT
lib.content_rechts < styles.content.get
lib.content_rechts {
table = tt_content
select {
where = colPos = 2
orderBy = sorting
languageField = sys_language_uid
}
}
lib.content_links = CONTENT
lib.content_links < styles.content.get
lib.content_links {
table = tt_content
select {
where = colPos = 3
orderBy = sorting
languageField = sys_language_uid
}
}
page = PAGE
page {
# CSS Dateien einbinden
includeCSS.file1 = fileadmin/default/css/main_css.css
includeCSS.file2 = fileadmin/default/css/rte.css
includeCSS.file3 = fileadmin/default/css/kalender.css
# TS Dateien einbinden
includeJS.file1 = fileadmin/default/javascript/
# Fluid template einbinden
10 = FLUIDTEMPLATE
10 {
file = fileadmin/default/templates/main_template.html
partialRootPath = fileadmin/templates/Partials/
layoutRootPath = fileadmin/templates/Layouts/
variables {
pageTitle = TEXT
pageTitle.data = page:title
topNavi < lib.topNavi
mainNavi < lib.mainNavi
content_header < lib.content_header
content < lib.content_mitte
content_rechts < lib.content_rechts
content_links < lib.content_links
subNavi < lib.subNavi
}
}
}
Templating mit FLUID - Der Code für das TS setup
<div id="nav_staff">
<f:format.html parseFuncTSPath="">
{topNavi}
</f:format.html>
</div>
<div id="header_img">
<f:format.html parseFuncTSPath="lib.parseFunc">
{content_header}
</f:format.html>
</div>
<div id="navigation">
<f:format.html parseFuncTSPath="">
{mainNavi}
</f:format.html>
</div>
<div id="body">
<div id="nav_sub">
<div id="banner_link">
<f:format.html parseFuncTSPath="lib.parseFunc">{content_links}</f:format.html>
</div>
<f:format.html parseFuncTSPath="">
{subNavi}
</f:format.html>
<div id="buffer"></div>
</div>
<div id="content">
<f:format.raw>{content}</f:format.raw>
</div>
<div id="banner">
<f:format.html parseFuncTSPath="lib.parseFunc">{content_rechts}</f:format.html>
</div>
und hier noch das HTML Template
War das Ihnen eine Hilfe? ein "LIKE" wäre ein tolles "Dankeschön"