30. April 2010 in TYPO3 von Leo
Wer seine mit TYPO3 erstelle Webseite in mehreren Sprachen hat, der möchte zum Beispiel auch sein Logo in verschiedenen Sprachen haben. Kürzlich musste ich dies für einen Kunden einrichten, dass wenn man die Sprache auf englisch stellt, auf der ganzen Webseite ein englischsprachiges Logo angezeigt wird.
Das ganze ist eigentlich nicht so kompliziert wie es sich anhört. Mit folgendem Code wird ganz simpel ein englisches Bild sowie ein spezielles CSS File eingebunden, jedoch nur wenn die Webseite auf die gewünschte Sprache eingestellt wurde.
# English
[globalVar = GP:L = 3]
page.includeCSS.file1337 = fileadmin/styles/english.css
lib.logo.value = <a href="LINK ZUR WEBSEITE"><img src="(PFAD ZUM BILD)/logo_en.gif" alt="Logo" title="Logo" /></a>
[global]
Das “lib.logo.value” muss natürlich genau wie die Pfade und Links noch angepasst werden. Das ‘logo’ in lib.logo.value ist hierbei das div-Element in welchem das Bild platziert ist. Wichtig: Dieser Code ersetzt kein im CSS definiertes background-image, dies könnte man jedoch mit dem zusätzlichen CSS File machen, einfach ‘!important’ verwenden.
Die Zahl 3 in “[globalVar = GP:L = 3]” steht für die Sprache, die 3 ist hierbei englisch.