Header: Language and currency
Language and currency
The Language and currency block is a combined selector that bundles three switchers into one place: language, currency, and country. It's a tidy way to give international customers everything they need to localise the store, without adding three separate blocks to your header.
What it shows
A small group of selectors, usually in a corner of the header. Each one lets the visitor change a setting: their language, the currency prices are shown in, or their country. You decide which of the three appear — turn off the ones your store doesn't need.
Screenshot needed: A header corner showing the combined language, currency, and country selectors
What to include
Setting | What it does |
|---|---|
Show countries | Include the country selector |
Show currency | Include the currency selector |
Show languages | Include the language selector |
Each of these maps to its own standalone block (Country selector, Currency selector, Language selector). This combined block simply groups them so they share one set of styling and spacing settings.
Styling
Setting | What it controls |
|---|---|
Background color | The group's background |
Text color | The selector text color |
Font size | Size of the selector text |
Text alignment | Aligns the group left, center, or right |
Vertical alignment | How the group sits vertically in the header |
Mobile alignment | Alignment on phones, set separately |
Padding | Space inside the group |
Margin | Space outside the group |
Layout and visibility
- Width settings for desktop, tablet, and mobile.
- Custom class and block conditions for advanced styling and show/hide rules.
Combined block or separate blocks?
You have two ways to offer these switchers:
- This combined block — fastest when you want all three (or two of three) together in one spot, sharing one style.
- The individual blocks — Country selector, Currency selector, and Language selector each exist on their own. Use those when you want to place the switchers in different parts of the header or style them differently.
Tips
- Only turn on the selectors that match what your store offers. A currency switcher on a single-currency store just confuses people.
- Keep this block subtle. These are utility controls, not primary navigation — small and tucked into a corner is the norm.
- If you need the language switcher in one corner and currency in another, use the separate blocks instead of this combined one.