Documentation
Feedback
Guides
VTEX IO Apps

VTEX IO Apps
Basic components
Locale Switcher
Official extension
Version: 0.5.5
Latest version: 0.5.6

This page is about version 0.5.5 of the app, which is not the most recent version. The latest stable version is 0.5.6.

The VTEX LocaleSwitcher is a VTEX component capable of changing the current language of the store.

{"base64":"  ","img":{"width":73,"height":152,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":3496,"url":"https://user-images.githubusercontent.com/27777263/74359290-c2b5f700-4da1-11ea-8612-c05ccf1988d5.png"}}

Configuration

  1. Import the locale-switcher's app to your theme's dependencies in the manifest.json, for example:

_10
"dependencies": {
_10
"vtex.locale-switcher": "0.x"
_10
}

  1. Add the locale-switcher block to your header. For example:

_10
"header-row#desktop": {
_10
"children": [
_10
// (...)
_10
"locale-switcher",
_10
"login",
_10
"minicart.v2"
_10
]
_10
},

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
See also
VTEX App Store
VTEX IO Apps