Language and Currency Selector

What This Sidekick Query Does

Build a language and currency selector section for my Shopify theme that integrates with Shopify Markets. The selector should render as a dropdown or flyout panel in the [SELECTOR_POSITION] (header, footer, or both). The language selector should list all available locales from the shop.published_locales object, displaying each language name in its native script. The currency selector should list all enabled currencies from the localization.available_countries object, showing the country flag emoji, country name, and currency code. When the customer selects a new language or currency, submit the selection using the Shopify localization form with the _method input set to the correct locale and country endpoints. Include settings for display style [DISPLAY_STYLE] (dropdown, flyout, or inline), trigger text format [TRIGGER_FORMAT] (such as flag plus currency code or language name plus currency symbol), background color [SELECTOR_BG_COLOR], text color [SELECTOR_TEXT_COLOR], hover color [HOVER_COLOR], border color [BORDER_COLOR], and max-height [MAX_HEIGHT] pixels for the dropdown list. On mobile, the selector should display as a fullscreen modal with a list layout for easy tapping. Add a setting to show or hide the country flag [SHOW_FLAGS]. Ensure the component is accessible with proper ARIA roles, labels, and keyboard navigation. Provide complete Liquid, CSS, and JavaScript.

Expected Output

Tips to Improve Results