Sprachumschalter, Flaggenauswahl: Einrichtung und Hilfe

Schnellstart

  1. Laden Sie mprflagselector im "Module Manager" hoch und installieren Sie es.
  2. Aktivieren Sie in PrestaShop mindestens zwei Sprachen für den aktuellen Shop.
  3. Klicken Sie bei Flag Language Selector auf "Configure".
  4. Legen Sie ISO-Label im Umschalter anzeigen und Sprachnamen im Dropdown anzeigen fest und klicken Sie auf Speichern.
  5. Prüfen Sie displayNav2 beziehungsweise displayNav vor Version 1.7 sowie den separaten mobilen Hook in Ihrem Theme.
  6. 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.

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

  1. Öffnen Sie eine übersetzte Produktseite und wechseln Sie die Sprache im Header.
  2. Prüfen Sie die Zielsprache und die Zielseite.
  3. Wiederholen Sie den Test auf einer Kategorie und gegebenenfalls einer gefilterten oder paginierten Liste.
  4. Testen Sie die mobile Auswahl separat.
  5. 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

Language Switcher, Flag Selector, Screenshot 3

Language Switcher, Flag Selector, Screenshot 4

Language Switcher, Flag Selector, Screenshot 6

Language Switcher, Flag Selector, Screenshot 7

Language Switcher, Flag Selector, Screenshot 8

Language Switcher, Flag Selector, Screenshot 9

Language Switcher, Flag Selector, Screenshot 10

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: displayNav2 ab PrestaShop 1.7, vorher displayNav. Mobil: displayMobileLanguageSelector.
  • Anzeige: SHOW_LABEL blendet den ISO-Code ein; SHOW_NAMES die 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?

Die Sprachauswahl verwendet die Sprachdaten des Shops, mitgelieferte SVG-Flaggen sowie lokale Stylesheet- und JavaScript-Dateien. Bei der normalen Ausgabe wird kein externer Übersetzungs- oder Standortdienst aufgerufen. Messen Sie die Ladezeit mit Ihrem tatsächlichen Header und Ihrer Sprachkonfiguration.

Bekannte Probleme

7

Besucher konnten die Sprachumschaltung verlieren

GelöstAktualisiert:
Behoben in: 2.2.31
Die native Sprachauswahl konnte ausgeblendet werden, obwohl der Ersatz des Moduls nicht verfügbar oder nicht nutzbar war.

Verwaltungsbeschriftungen blieben auf Englisch

GelöstAktualisiert:
Behoben in: 2.2.31
Übersetzte Verwaltungsbeschriftungen der Flaggenauswahl konnten auf Englisch bleiben.

Zwei Sprachauswahlen unter PrestaShop 9

GelöstAktualisiert:
Behoben in: 2.2.24
Die native Sprachauswahl von PrestaShop 9 konnte neben der Modulauswahl sichtbar bleiben.

Beschädigte Verwaltungsübersetzungen

GelöstAktualisiert:
Behoben in: 2.2.24
Verwaltungstexte der Flaggenauswahl konnten beschädigte Übersetzungen anzeigen.

Sprachlinks normaler Seiten führten zu falschen Zielen

GelöstAktualisiert:
Behoben in: 2.2.22
Der Sprachwechsel auf normalen Shop-Seiten konnte Links erzeugen, die nicht die kanonische lokalisierte URL verwendeten.

Einstellungen der Sprachauswahl ließen sich nicht öffnen

GelöstAktualisiert:
Behoben in: 2.2.21
Die Konfigurationsseite der Flaggenauswahl konnte nicht geladen werden.

Sprachlinks auf Modulseiten waren falsch

GelöstAktualisiert:
Behoben in: 2.2.21
Beim Sprachwechsel konnten normale Seitenfilterregeln auf Modulseiten angewendet und falsche Ziele erzeugt werden.

Funktionsanfragen

4

Implementiert

Lokalisierte Filter- und Seiten-URLs beim Sprachwechsel

Implementiert
Sprachlinks erhalten übersetzte Filterpfade und die aktuelle Seite mit lokalisierten Seitennavigationsbegriffen, sofern die passenden Filter- und URL-Integrationen verfügbar sind. Auch native PrestaShop-Seitenaliase werden an die Zielsprache angepasst.

Sprachauswahl mit Flaggen

Implementiert
Lassen Sie Besucher eine Shopsprache über Flaggen und lokalisierte Ziellinks auswählen.

Kontextabhängige Sprachlinks

Implementiert
Behalten Sie aktive Filterpfade bei und verwenden Sie übersetzte Seitenschlüsselwörter beim Sprachwechsel.

Updates mit einem Klick

Implementiert
Aktualisieren Sie das Modul über seine Verwaltungsseite.

Ä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.

Lade ...
Nach oben