Country switcher
The values of `data-prop` inside `country-switcher`.
On this page
At a glance
Dropdown toggle
The toggle: the current country
- Name
- Goes into the first element without
data-prop, the dropdown icon aside. Put a Text block there, first: any other element before it, such as a wrapper, would have its content replaced. - Values
- Elements with
data-propshow the current country.
Dropdown link
The links: one per country
- Template
- The first Dropdown link, copied once for each country of your markets. The other links you designed are removed.
- Current
- Its link gets the class
w--current. - A pick
- Changes the country and closes the dropdown.
More in the guide.
Where it can go
- Inside
country-switcher. - On text.
Values
| Attribute and value | What it is | Notes |
|---|---|---|
data-prop="name" | Country | — |
data-prop="iso-code" | Country code | also read as countryIsoCode |
data-prop="currency-symbol" | Currency symbol | — |
data-prop="currency-name" | Currency name | — |
data-prop="currency-iso-code" | Currency code | — |
data-prop="flag" | Flag | on image, container, text |