githubEdit

Picker country

Overview

A country/currency selector block that displays a list of available countries with their respective currencies. When a country is selected, it updates the store's localization settings. The block is responsive and can be configured to show/hide on different device sizes.

Common use cases

  • Ensure flag icons are properly cached for performance

  • Consider adding loading states for better UX during country switches

  • Test across different viewport sizes to ensure proper visibility based on settings

  • Display country selection in headers, footers, or checkout pages

Block settings

Spacing

Setting
Description
Options

Enable internal padding

Adds internal padding to the country list

Checkbox (default: false)

Display

Setting
Description
Options

Visibility

Controls when the block is visible

• All (default) • Mobile only • Desktop only

Last updated

Was this helpful?