Skip to main content
Country drawer settings control how the country and language selector appears when customers change their region or currency. For international stores, a well-configured selector can increase conversion by 30-40% by showing prices in local currency and preferred language. These settings let you customize the drawer’s content visibility and display format to match your store’s needs.

​
What this controls

Country drawer settings control how the country and language selector appears when customers click to change their region or language. These settings affect the drawer’s content visibility and how countries/currencies are displayed within the selector.
For international stores, a well-configured country selector can increase conversion by 30-40% by allowing customers to see prices in their local currency and preferred language.

​
How it works

When customers click the country/language selector (typically in header or footer), a drawer slides out displaying available regions and languages. These settings control:
  1. Title visibility - Whether the drawer shows a heading
  2. Description content - Helper text explaining the selector
  3. Display format - How countries and currencies are shown (names, codes, flags, etc.)
The drawer automatically pulls available markets from your Shopify Markets settings. You control only how that information is presented.
You must configure Shopify Markets in your admin for the country selector to appear. These settings only control the drawer’s appearance, not which countries are available.

​
Getting started

1

Enable Shopify Markets

From Shopify admin → Settings → Markets → Add at least 2 markets
2

Open Theme Customizer

From Shopify admin → Online Store → Themes → Customize
3

Access country drawer settings

Click Theme settings → Select Country drawer
4

Configure visibility

Toggle title and content display options
5

Choose display format

Select how countries/currencies appear in the selector
6

Test the selector

Preview and click the country selector to see your drawer configuration

​
Location

Path: Theme settings → Country drawer

​
Settings

Show country drawer title: Controls whether the drawer displays a heading at the top.Default: EnabledWhen enabled, the drawer shows a title like “Change country/region” to clearly indicate the drawer’s purpose.Recommendation: Keep enabled for clarity, especially for customers unfamiliar with your store.
Show country drawer content: Controls whether descriptive content appears in the drawer.Default: EnabledWhen enabled, the drawer can show helper text explaining that prices, shipping, and availability change based on selected region.Recommendation: Enable for stores with significant regional differences (pricing, shipping, inventory).

​
Use cases

Global E-commerce

Selling to 50+ countries with varying currencies and languages.Recommended: Country name + ISO + Currency (Option 1)
Customers need full information to make informed choice.

Regional Store

Serving 3-5 nearby countries with similar currencies (e.g., EU countries).Recommended: Country name only (Option 3)
Customers familiar with their country, currencies are obvious.

Mobile-First Store

High mobile traffic requiring compact UI elements.Recommended: ISO code + Currency (Option 4)
Saves valuable screen space while providing essential info.

Fashion/Lifestyle Brand

Visual brand identity with design-focused customer base.Recommended: Flag + Country name (Option 6)
Aligns with visual aesthetic while maintaining clarity.

​
Best practices

Match display to audience

Consider customers’ familiarity with geography and currencies. International shoppers need full information (Option 1 or 2), domestic + nearby regions benefit from names only (Option 3), tech-savvy audience can use codes (Option 4), visual learners prefer flags (Options 5 or 6). Test with actual customers.

Consider mobile screen space

Country selectors often appear on mobile with limited space. Longer formats (Options 1, 6) may wrap on small screens, compact formats (Options 4, 5) work better on mobile. Test drawer on actual devices, not just browser emulation, ensure touch targets are adequate (minimum 44px height).

Show title for clarity

Keep “Show country drawer title” enabled unless you have strong design reasons. Customers immediately understand drawer purpose, reduces confusion about what they’re selecting, accessibility improvement for screen readers. Only disable if drawer purpose is obvious from context.

Use content for complex markets

Enable “Show country drawer content” when prices vary significantly by region, shipping availability differs between markets, inventory is region-specific, or payment methods change by country. Use content to set expectations about regional differences.

Align with currency display

If showing currency in country selector, ensure consistency. Show currency codes in prices if using them in selector, match currency symbol usage (before/after price), keep currency visibility consistent across site. Inconsistent currency display creates confusion and distrust.

Test with actual markets

Configure real markets in Shopify and test the selector. Add at least 3-5 countries to see how list looks, include countries with similar names (Korea/South Korea), test countries with different currency symbols, verify flags display correctly. Settings that work with 2 markets may not scale to 20.

​
Common issues

Country selector not appearing? Check these requirements:
  1. Markets configured: You must have 2+ markets in Shopify Settings → Markets
  2. Theme support enabled: Verify Markets is enabled in your theme
  3. Selector positioned: Add country selector to header or footer section
  4. Browser cache: Clear cache or test in incognito mode
The drawer settings only affect appearance, not visibility. Configure Markets first.
Pro tip: For stores with many markets (20+), use search functionality in the drawer. Enable for 10+ countries and use compact display format (Option 4 or 5) to reduce scrolling.

​
Accessibility considerations

  • Screen readers: Drawer title helps announce drawer purpose
  • Keyboard navigation: Ensure selector is keyboard-accessible
  • Focus management: Drawer should trap focus when open
  • Labels: All options should have clear labels (not just flags)
  • Language: Drawer title/content should translate based on selected language
Sahara handles most accessibility automatically, but test with screen reader to verify experience.

​
Performance notes

  • Drawer content loads on-demand (not on initial page load)
  • Flag images are optimized SVGs for small file size
  • Changing country triggers page reload to update prices/content
  • Selection is saved in cookie/session for subsequent visits

​
SEO considerations

Country/language selectors help with international SEO:
  • Proper hreflang tags are generated for each market
  • Search engines recognize multi-market setup
  • Users from different regions see appropriate language/currency
  • Helps prevent duplicate content issues across markets
Ensure your Markets are configured correctly in Shopify for best SEO results.

Layout

Configure overall site layout including header/footer

Features

Enable/disable global theme features

Social Media

Set up social links and regional social accounts

​
Additional resources