24. Dezember 2009

Automatisch ein- oder zweispaltig ohne TV und ohne templateselector – Türchen 24

in Templates, TYPO3, TypoScript

Immer wieder lese ich in den beiden großen TYPO3-Foren die Frage, wie man es am besten lösen könnte, im Frontend zwischen einem ein- und zwei-Spalten Layout zu wechseln. Das Ganze ist ziemlich einfach über Typoscript möglich und erfordert keine Erweiterung wie templavoila oder rlmp_tmplselector. Ich stelle drei Lösungen vor, die sich dazu eignen automatisch das Layout zu wechseln, um das Leben der Redakteure möglichst einfach zu machen.

1. Ändern eines Teilbereiches in HTML
Meiner Meinung nach die beste Lösung. Einfach über ein COA abfragen ob sich Inhalt in einer Spalte befindet. Je nach dem Ergebnis .10 oder .20 nutzen:

page.10 = TEMPLATE
page.10 {
	template = FILE
	template.file = fileadmin/tmpl.html
 
	subparts.CONTENT = COA
	subparts.CONTENT {
 
		# show both columns if content in left col
		10 = COA
		10 {
			if.isTrue.numRows < styles.content.getLeft
 
			10 < styles.content.getLeft
			10.wrap = <div id="col1" class="col">|</div>
 
			20 < styles.content.get
			20.wrap = <div id="col2" class="col">|</div>
		}
 
		# show one column if NO content in left col
		20 = COA
		20 {
			if.isFalse.numRows < styles.content.getLeft
 
			10 = TEXT
 
			20 < styles.content.get
			20.wrap = <div id="col12">|</div>
		}
 
		# Clear old floats via CSS
		30 = TEXT
		30.value = <div class="clear"></div>
 
	}
}

Da sich lediglich die ID des umschließenden DIV Containers ändert, muss man jetzt über CSS sinnvoll floaten.

So kann das Ganze dann im FE aussehen:
realdevelopers - are you a real developer? Organisation
Einspaltig: http://www.realdevelopers.com/organisation.html

realdevelopers - are you a real developer? Who is conject
Zweispaltig: http://www.realdevelopers.com/whos-conject.html

2. Anderes HTML Template bei zwei Spalten

temp.maintemplate = COA
temp.maintemplate {
	# if there is content in the right col
	10 = COA
	10 {
		if.isTrue.numRows < styles.content.getRight
		10 = TEMPLATE
		10 {
			template = FILE
			template.file = fileadmin/2cols.html
		}
	}
 
	# if there is NO content in the right col
	20 = COA
	20 {
		if.isFalse.numRows < styles.content.getRight
		10 = TEMPLATE
		10 {
			template = FILE
			template.file = fileadmin/1col.html
		}
	}
}

3. Anderes CSS File bei zwei Spalten

page.headerData = COA
page.headerData {
	10 = COA
	10 {
		if.isTrue.numRows < styles.content.getRight
		10 = TEXT
		10.value = <link rel="stylesheet" type="text/css" href="fileadmin/3cols.css" />
	}
	20 = COA
	20 {
		if.isFalse.numRows < styles.content.getRight
		10 = TEXT
		10.value = <link rel="stylesheet" type="text/css" href="fileadmin/2cols.css" />
	}
}

Links zum Thema

Fazit
Ich hoffe ihr könnt das so verwenden?

Frohe Weihnachten wünscht euch das gesamte typo3blogger Team

7 Reaktionen zu “Automatisch ein- oder zweispaltig ohne TV und ohne templateselector – Türchen 24”

Kommentare abonnieren (RSS) oder TrackBack URL

Vielen Dank für die interessanten Türchen sowie auch die Beiträge während der ganzen Zeit. Ganz herzlichen Dank dafür und frohe Weihnachten… Auch an die Mitleser hier. 🙂

felix am 24. Dezember 2009 um 14:18

Wow, coole Idee! Über sowas hatte ich noch gar nicht nachgedacht.

Von mir auch schöne Weihnachten an den Rest des typo3blogger-Teams und alle Leser!

Steffen

Steffen Gebert am 24. Dezember 2009 um 14:19

beim dritten Beispiel ist es evtl. besser mit
page.includeCSS zu arbeiten, ist aber ungetestet

Phil am 24. Dezember 2009 um 15:32

@Phil: du kannst afaik bei page.includeCSS keine Condition stellen (page.includeCSS.stylesheet1.if….).

(ungeprüftes Halbwissen und Bauchgefühl ;-))

Bernhard Berger am 24. Dezember 2009 um 18:46

@Phil: Stimmt, wüsste aber nicht wie sich das umsetzen ließe…
Frohe Weihnachten noch

Alex am 24. Dezember 2009 um 22:01

Hallo zusammen,
ist es möglich zu überprüfen, ob eine Seite Unterseiten hat oder nicht, um je nachdem zwischen Template A & B zu unterscheiden?

Ich habe ein Snippet gefunden, womit man überprüfen kann, ob eine Seite Unterseiten hat, aber ich kann es mit der Template-Auswahl wie bei einem der Beispiele hier kombinieren.

Vielen Dank im Voraus. 🙂

Link zu dem Snippet: http://www.typo3-dresden.de/Forum.100.0.html?&tx_mmforum_pi1%5Baction%5D=list_post&tx_mmforum_pi1%5Btid%5D=10

Ufuk am 14. Juni 2011 um 23:57
Trackbacks & Pingbacks

[…] Dieser Eintrag wurde auf Twitter von Alex Kellner, typo3blogger.de erwähnt. typo3blogger.de sagte: Adventskalender finish. Automatisch ein- oder zweispaltig ohne TV und ohne templateselector. Letztes Türchen. http://digg.com/u1IZif […]

Pingback von Tweets die Automatisch ein- oder zweispaltig ohne TV und ohne templateselector – Türchen 24 | TYPO3 Blogger erwähnt -- Topsy.com am 24. Dezember 2009 um 14:30

Kategorien

Archiv