Locale Switcher
The Locale Switcher app provides a component capable of changing the current language of your store.

Configuration
- Add the Locale Switcher app to your theme's dependencies in the
manifest.json
file:
"dependencies": {
+ "vtex.locale-switcher": "0.x"
}
- Add the
locale-switcher
block to your header. For example:
"header-row#desktop": { "children": [ // (...) "locale-switcher", "login", "minicart.v2" ] },
- Open a ticket to our support team in order to adjust your store's binding with the desired languages.
*Caution: The third step is mandatory. If no ticket is opened requiring the desired languages, the selection list may not appear on the Locale Switcher component.*
Customization
In order to apply CSS customizations in this and other blocks, follow the instructions given in the recipe on Using CSS Handles for store customization.
CSS Handles |
---|
button |
buttonText |
container |
list |
listElement |
localeIdText |
relativeContainer |