Language Switcher, Flag Selector: setup and help

Quick start

  1. Upload and install mprflagselector through Module Manager.
  2. Activate at least two languages for the current shop in PrestaShop.
  3. Click Configure for Flag Language Selector.
  4. Choose Show ISO label in toggle and Show language names in dropdown, then Save.
  5. Check displayNav2, or displayNav before 1.7, and the separate mobile hook in your theme.
  6. Switch language on a translated product page and verify both the destination page and mobile selector.

Requires PHP 7.1 or later.

Setup manual

Install and prepare languages

Upload and install the mprflagselector ZIP in Modules > Module Manager, then open Configure for Flag Language Selector. Use the corresponding module upload page on older PrestaShop versions.

Create and activate your shop languages in PrestaShop. On modern versions, use International > Localization > Languages. You need at least two active languages assigned to the current shop for a selector to appear. The module does not create translations.

Requires PHP 7.1 or later.

Configure the display

Setting Default What it does
Show ISO label in toggle No Adds the current language code, such as EN or DE, beside the closed flag button. Enable if a flag alone is unclear.
Show language names in dropdown Yes Shows the language name beside each flag. Disable for a shorter dropdown.

Click Save.

Place the selectors

The desktop dropdown uses displayNav2 on PrestaShop 1.7 and newer, or displayNav on earlier versions. A custom theme must render the applicable hook. For example:

{hook h='displayNav2'}

The mobile selector uses a separate hook. Add it to your mobile menu or language panel if your theme does not already render it:

{hook h='displayMobileLanguageSelector'}

The mobile output is a select element. Changing its value opens the selected language URL. The module also registers actionFrontControllerSetMedia for its assets.

The stylesheet hides #_desktop_ps_languageselector. Inspect custom headers for different native wrappers or duplicated language blocks.

Customize the theme

Use .mprflag-dropdown, .mprflag-dropdown__toggle, .mprflag-dropdown__menu, .mprflag-dropdown__option, and .mprflag-dropdown__option--active in your theme stylesheet.

.mprflag-dropdown__toggle { padding: 4px 7px; }
.mprflag-dropdown__option--active { font-weight: 600; }

For markup changes, use the theme override path:

themes/your-theme/modules/mprflagselector/views/templates/hook/flag-selector.tpl

Verify and troubleshoot

  1. Open a translated product page and change language from the header.
  2. Check the destination language and page.
  3. Repeat on a category and, if applicable, a filtered or paginated listing.
  4. Test the mobile selector separately.
  5. Test with your shop's actual URL rewriting setting.

If no selector appears, check that two languages are active in the current shop and that the correct hook renders. If a flag is missing, check the language ISO code and bundled SVG mapping. If a link goes to a fallback page, inspect the URLs provided by PrestaShop or the controller. If links duplicate a filter or page path, check the compatible MPR listing integration and clear theme caches after template changes.

Uninstall

Uninstall through Module Manager. The module removes its settings and admin menu. Your PrestaShop languages and translations remain separately managed. Remove any manually added hook calls, CSS, or template overrides that are no longer needed.

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

Questions

2

Does Flag Selector translate content or choose a language from visitor location?

No. It lists the active languages assigned to the current shop and creates links to their existing localized pages. It does not translate catalogue content or choose a language by geolocation. Prepare your translations and language assignments in PrestaShop before using the selector.

Will Flag Selector affect storefront performance?

The selector uses the shop's language data, bundled SVG flags and local stylesheet and JavaScript assets. Its normal rendering does not call an external translation or location service. Measure page loading with your actual header and language setup.

Known Issues

7

Visitors could lose access to language switching

ResolvedUpdated:
Fixed in: 2.2.31
The native language selector could be hidden even when the module replacement was unavailable or unusable.

Administration labels remained in English

ResolvedUpdated:
Fixed in: 2.2.31
Translated flag selector administration labels could remain in English.

Two language selectors appeared on PrestaShop 9

ResolvedUpdated:
Fixed in: 2.2.24
The native PrestaShop 9 language selector could remain visible alongside the module selector.

Administration translations were damaged

ResolvedUpdated:
Fixed in: 2.2.24
Flag selector administration text could display damaged translations.

Standard page language links used incorrect destinations

ResolvedUpdated:
Fixed in: 2.2.22
Switching language on standard shop pages could generate links that did not use the canonical localized address.

Language selector settings failed to open

ResolvedUpdated:
Fixed in: 2.2.21
The flag selector configuration page could fail to load.

Language links on module pages were incorrect

ResolvedUpdated:
Fixed in: 2.2.21
Language switching could apply ordinary page filtering rules to module pages and generate incorrect destinations.

Feature Requests

4

Implemented

Localized filter and pagination URLs when switching language

Implemented
Language links preserve translated filter paths and the current page with localized pagination keywords when the relevant filter and URL integrations are available. Native PrestaShop page aliases are also adapted to the target language.

Flag language selector

Implemented
Let visitors choose a shop language using flags and localized destination links.

Context-aware language links

Implemented
Keep active filter paths and use translated page keywords when switching language.

One-click updates

Implemented
Update the module from its administration page.

Changelog

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
Older releases

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

Test the full module

  • Ready demo shop Explore a ready demo shop in your browser.
  • No registration No account, email or store domain needed.

By opening this demo you accept the demo terms and the privacy policy.

Loading...
Back to top