Mehrsprachigkeit mit TemplaVoila

Vincent Tietz, 20.04.2007 in TYPO3 5 Kommentare

Für das Einrichten einer mehrsprachigen Webseite mit TemplaVoila müssen einige Hürden genommen werden, die viel Zeit in Anspruch nehmen können, wenn man sich zum ersten Mal daran wagt. Bewusst habe ich hier nur knapp die wesentlichen Schritte mit einer Beispielkonfiguration zusammengestellt.

1. Extensions installieren

TemplaVoila und static_info_tables installieren. Die folgenden Ausführungen basieren auf TemplaVoila 1.3.0 und TYPO3 4.1.1.

2. Webseitensprachen anlegen

Webseitensprachen in der Wurzel (Weltkugel) anlegen.

Dabei nicht vergessen, den ISO-Sprachcode zuzuweisen. Wenn man die Sprachen bereits vorher anglegt hat, sollte man dies unbedingt nachholen! Sonst wird evtl. der Tab für die Lokalisierungsansicht im Seiten-Modul nicht verfügbar.

3. Data Structures konfigurieren

Typische Meta-Angabe für Container-Elemente:

                
                      <meta type="array">
                    
                         <langChildren type="integer">1</langChildren>
                    
                      </meta>

Typische Meta-Angabe für Inhalte:

                
                      <meta>
                    
                          <langChildren>1</langChildren>
                    
                          <langDisable>0</langDisable>
                    
                      </meta>

Um evtentuelle Fehlermeldungen für den Redakteur im Backend zu unterdrücken, kann man folgendes Page-Setup verwenden:

                
                      mod.web_txtemplavoilaM1 {
                    
                        disableContainerElementLocalizationWarning = 1
                    
                        disableContainerElementLocalizationWarning_warningOnly = 1
                    
                      }

4. Sprachmenü anlegen

                
                      lib.langMenu = HMENU
                    
                      lib.langMenu.special = language
                    
                      # Definiert welche Sprachen angezeigt werden sollen (id)
                    
                      lib.langMenu.special.value = 0,2
                    
                      # erzeugt entsprechende Flaggensymbole
                    
                      lib.langMenu.1 = GMENU
                    
                      lib.langMenu.1.NO {
                    
                        XY = [5.w], [5.h]
                    
                        backColor = white
                    
                        5 = IMAGE
                    
                        # Grafik für Sprache default (0) || 2 || ..
                    
                        5.file = fileadmin/templates/flags/de.gif ||
                    
                        fileadmin/templates/flags/gb.gif ||
                    
                        fileadmin/templates/flags/es.gif ||
                    
                        fileadmin/templates/flags/ru.gif
                    
                      }
                    
                      # die Flagge der aktuell ausgewählten Sprache soll keinen Link erhalten
                    
                      lib.langMenu.1.ACT < lib.langMenu.1.NO
                    
                      lib.langMenu.1.ACT=1
                    
                      lib.langMenu.1.ACT.noLink = 1

5. Defaultsprache setzen und alle Links mit Parameter für Sprachselektion ausstatten

                
                      # SprachVariable L initialisieren
                    
                      config.linkVars = L
                    
                      # Standardsprache UID 0 -> Deutsch
                    
                      config.sys_language_uid = 0
                    
                      config.language = de
                    
                      config.locale_all = de_DE
                    
                      # Englisch, sys_language.uid = 2
                    
                      [globalVar = GP:L = 2]
                    
                      config.sys_language_uid = 2
                    
                      config.language = en
                    
                      config.locale_all = english
                    
                      [global]

6. Overlay-Mode setzen

                
                      config.sys_language_overlay = 1

Ermöglicht die Darstellung von Übersetzungen im Frontend. Alternativ hierzu kann auch hideNonTranslated angegeben. Dann werden Inhalte, die nicht übersetzt wurden, nicht angezeigt.

7. Defaultflagge setzen für Backend

                
                      mod.SHARED {
                    
                       defaultLanguageLabel = Deutsch
                    
                       defaultLanguageFlag = de.gif
                    
                      }

Weiterführende Links

Multi language sites in TYPO3

Frontend Localization Guide

Zurück zur Übersicht

Kommentare

1: opaque (18.09.07)

Gutes Tutorial!

Fein wäre auch noch eine Ergänzung für REALURL.

thx

2: Pierre (08.05.09)

Genial. Hat mein problem gelöst

3: Christopher (21.06.10)

Ich hatte das Problem, dass im FE die übersetzten Inhalte einfach nicht angezeigt wurden. Nach ewigem Rumprobieren ist mir aufgefallen, dass ich bei meinen Typo3-Seiten immer folgendes ins TS einbaue, um z.B. Loginformulare einzudeutschen:

page.config.sys_language_uid = 0

page.config.language = de

page.config.locale_all = de_DE

Da dies unterhalb des [globalVar = GP:L = 1] usw. stand, wurde die Sprache immer wieder auf die Default-Sprache zurück gesetzt.

Falls also noch jemand fast verzweifelt, mal nach gucken ob es daran liegen könnte ;)

4: Annette Harder (08.10.10)

Sehr schöne Schritt-für-Schritt-Anleitung. Danke.

5: Hahnefeld (18.11.10)

Bei den anzulegenden Seitensprachen wäre noch zu erwähnen, dass die Standardsprache NICHT angelegt werden muss. Diese ist bereits aktiv und hat die ID "0". Daher auch im TS von oben 0,2 als Beispiel!

Kommentar verfassen

Name*

E-Mail*

Ihre E-Mailadresse wird nicht veröffentlicht

Homepage

Nachricht*

Code eingeben*

Bitte geben Sie hier das Wort ein, das im Bild angezeigt wird. Dies dient der Spamvermeidung Wenn Sie das Wort nicht lesen können, bitte hier klicken.