Sprachumschalter, Flaggenauswahl: Einrichtung und Hilfe
Schnellstart
- Laden Sie mprflagselector im "Module Manager" hoch und installieren Sie es.
- Aktivieren Sie in PrestaShop mindestens zwei Sprachen für den aktuellen Shop.
- Klicken Sie bei Flag Language Selector auf "Configure".
- Legen Sie ISO-Label im Umschalter anzeigen und Sprachnamen im Dropdown anzeigen fest und klicken Sie auf Speichern.
- Prüfen Sie displayNav2 beziehungsweise displayNav vor Version 1.7 sowie den separaten mobilen Hook in Ihrem Theme.
- Wechseln Sie auf einer übersetzten Produktseite die Sprache und prüfen Sie die Zielseite sowie die mobile Auswahl.
Erfordert PHP 7.1 oder neuer.
Einrichtungsanleitung
Installieren und Sprachen vorbereiten
Laden Sie die ZIP-Datei von mprflagselector unter "Modules > Module Manager" hoch und installieren Sie sie. Öffnen Sie dann "Configure" für Flag Language Selector. Verwenden Sie bei älteren PrestaShop-Versionen die entsprechende Seite zum Hochladen von Modulen.
Erstellen und aktivieren Sie Ihre Shop-Sprachen in PrestaShop. Verwenden Sie in modernen Versionen "International > Localization > Languages". Mindestens zwei aktive Sprachen müssen dem aktuellen Shop zugewiesen sein, damit eine Auswahl erscheint. Das Modul erstellt keine Übersetzungen.
Erfordert PHP 7.1 oder neuer.
Anzeige konfigurieren
| Einstellung | Standard | Funktion |
|---|---|---|
| ISO-Label im Umschalter anzeigen | Nein | Fügt den aktuellen Sprachcode, etwa EN oder DE, neben der geschlossenen Flaggen-Schaltfläche hinzu. Aktivieren Sie dies, wenn eine Flagge allein nicht eindeutig ist. |
| Sprachnamen im Dropdown anzeigen | Ja | Zeigt den Sprachnamen neben jeder Flagge. Für ein kürzeres Dropdown deaktivieren. |
Klicken Sie auf Speichern.
Auswahlen platzieren
Das Desktop-Dropdown verwendet displayNav2 in PrestaShop 1.7 und neuer beziehungsweise displayNav in früheren Versionen. Ein eigenes Theme muss den passenden Hook ausgeben. Zum Beispiel:
{hook h='displayNav2'}
Die mobile Auswahl verwendet einen separaten Hook. Fügen Sie ihn Ihrem mobilen Menü oder Sprachbereich hinzu, falls Ihr Theme ihn noch nicht ausgibt:
{hook h='displayMobileLanguageSelector'}
Die mobile Ausgabe ist ein Select-Element. Eine Änderung seines Werts öffnet die URL der gewählten Sprache. Das Modul registriert außerdem actionFrontControllerSetMedia für seine Assets.
Das Stylesheet blendet #_desktop_ps_languageselector aus. Prüfen Sie eigene Header auf andere native Wrapper oder doppelte Sprachblöcke.
Sprachlinks und Flaggen verstehen
Das Dropdown zeigt die aktiven Sprachen des aktuellen Shops. Es verwendet die von der Seite bereitgestellten Links zu anderen Sprachen, sofern vorhanden, und sonst die Sprachlinks von PrestaShop. Es behält Abfrageparameter und Fragmente bei, einschließlich des bei deaktiviertem URL-Rewriting benötigten id_lang.
Für die PrestaShop-Seiten mit Bestsellern, neuen Produkten und reduzierten Preisen kann die Auswahl die übersetzte URL der Zielsprache verwenden. In Listen mit einer kompatiblen MPR Filter Revolution-Integration kann sie den Filterpfad übersetzen. Unterstützt eine Liste MPR-Paginierungslinks, behält sie das übersetzte Seitenschlüsselwort und die Seitennummer bei beziehungsweise einen page-Abfrageparameter ohne URL-Rewriting. Diese Listenanpassungen gelten nicht für Seiten, die von Modulen bereitgestellt werden.
Ein Sprachwechsel übersetzt keine fehlenden Inhalte. Das Warenkorbverhalten folgt weiterhin dem normalen Sprachwechsel von PrestaShop.
Die mitgelieferten SVG-Flaggen befinden sich in /modules/mprflagselector/views/img/flags/. Die Zuordnung umfasst:
en: gb cs: cz sv: se da: dk el: gr
ja: jp zh: cn ko: kr uk: ua
Eine Option kann auch ohne Bild erscheinen, wenn keine entsprechende SVG-Datei vorhanden ist. Das Einstellungsformular enthält keine Upload-Funktion für eigene Flaggen.
Theme anpassen
Verwenden Sie .mprflag-dropdown, .mprflag-dropdown__toggle, .mprflag-dropdown__menu, .mprflag-dropdown__option und .mprflag-dropdown__option--active im Stylesheet Ihres Themes.
.mprflag-dropdown__toggle { padding: 4px 7px; }
.mprflag-dropdown__option--active { font-weight: 600; }
Für Markup-Änderungen verwenden Sie den Theme-Override-Pfad:
themes/your-theme/modules/mprflagselector/views/templates/hook/flag-selector.tpl
Prüfen und Fehler beheben
- Öffnen Sie eine übersetzte Produktseite und wechseln Sie die Sprache im Header.
- Prüfen Sie die Zielsprache und die Zielseite.
- Wiederholen Sie den Test auf einer Kategorie und gegebenenfalls einer gefilterten oder paginierten Liste.
- Testen Sie die mobile Auswahl separat.
- Testen Sie mit der tatsächlichen URL-Rewriting-Einstellung Ihres Shops.
Erscheint keine Auswahl, prüfen Sie, ob zwei Sprachen im aktuellen Shop aktiv sind und der richtige Hook ausgegeben wird. Fehlt eine Flagge, prüfen Sie den ISO-Sprachcode und die mitgelieferte SVG-Zuordnung. Führt ein Link zu einer Ausweichseite, untersuchen Sie die von PrestaShop oder dem Controller bereitgestellten URLs. Enthalten Links einen Filter- oder Seitenpfad doppelt, prüfen Sie die kompatible MPR-Listenintegration und leeren Sie nach Template-Änderungen die Theme-Caches.
Deinstallieren
Deinstallieren Sie das Modul im "Module Manager". Das Modul entfernt seine Einstellungen und sein Admin-Menü. Ihre PrestaShop-Sprachen und Übersetzungen werden weiterhin separat verwaltet. Entfernen Sie manuell hinzugefügte Hook-Aufrufe, CSS oder Template-Overrides, die nicht mehr benötigt werden.
Screenshots







Fragen
2
Übersetzt es meine Produkte oder erkennt den Besucherstandort?
Nein. Das Modul verlinkt vorhandene lokalisierte Seiten; es übersetzt keine Kataloginhalte und wählt keine Sprache anhand des Standorts.
Es liest aktive Shopsprachen über Language::getLanguages(true, shop_id) und verwendet vorhandene Sprach-URLs oder getLanguageLink(). Bei nur einer aktiven Sprache erscheint keine Auswahl.
- Navigation: Desktop:
displayNav2ab PrestaShop 1.7, vorher displayNav. Mobil:displayMobileLanguageSelector. - Anzeige:
SHOW_LABELblendet den ISO-Code ein;SHOW_NAMESdie Sprachnamen. - Grenzen: Keine Übersetzung und keine Sprachauswahl per Geolokalisierung.
Bereiten Sie Übersetzungen und Sprachzuweisungen in PrestaShop vor. Die optionale Filter-Revolution-Integration verwendet bereits übersetzte Filterpfade.
Beeinflusst Flag Selector die Ladezeit meines Shops?
Bekannte Probleme
7
Besucher konnten die Sprachumschaltung verlieren
Verwaltungsbeschriftungen blieben auf Englisch
Zwei Sprachauswahlen unter PrestaShop 9
Beschädigte Verwaltungsübersetzungen
Sprachlinks normaler Seiten führten zu falschen Zielen
Einstellungen der Sprachauswahl ließen sich nicht öffnen
Sprachlinks auf Modulseiten waren falsch
Funktionsanfragen
4
Implementiert
Lokalisierte Filter- und Seiten-URLs beim Sprachwechsel
Sprachauswahl mit Flaggen
Kontextabhängige Sprachlinks
Updates mit einem Klick
Änderungsprotokoll
v2.2.222026-09-15
- AddedOwn mobile language selector — kill PS native, server-side correct URLs
- Addedcomplete FR/DE/ES/IT/PL translations
- FixedCanonicalize core page language links
- FixedRestore flag selector config page
Ältere Versionen
v2.2.212026-07-20
- Canonicalized native PrestaShop page aliases when building language switcher URLs.
- Kept translated filter paths and localized pagination keywords when switching language.
- Released the updated package metadata for version 2.2.21.
v2.2.182026-07-07
- Addedshared admin menu, license, update and integrity panels.
- AddedConfigTable-backed settings for ISO label and language-name display.
- Addedcomplete FR/DE/ES/IT/PL translations.
v1.1.02026-04-20
- Addedthe flag language selector for PrestaShop storefront navigation.
- Addedlocalized URL support for multilingual shops.
Demo
Testen Sie das vollständige Modul
- Fertiger Demo-Shop Entdecken Sie einen fertigen Demo-Shop im Browser.
- Ohne Registrierung Kein Konto, keine E-Mail-Adresse und keine Shop-Domain nötig.
Mit dem Öffnen dieser Demo akzeptieren Sie die Demo-Nutzungsbedingungen und die Datenschutzerklärung.