Display markets instead of countries in region selector

Shopify Discussion
1

Hello,

I would like to display Markets only (Canada, USA, International) in the region selector instead of countries name.

Is this possible?

thanks

www.toujoursfaim.com pass:encorefaim

2

Hello @lplabranche

You can swap out the country list for your three markets by editing the language/currency selector snippet in your theme. Here’s the quick way in Dawn (or any OS 2.0 theme):

1. Edit the selector snippet

In Admin go to Online Store → Themes → Actions → Edit code

Open snippets/currency-selector.liquid (or snippets/language-selector.liquid if you only offer one currency)

2. Replace the country loop with markets

  • Find the loop in liquid that looks like:

{% for country in localization.available_countries %}

{{ country.name }} {% endfor %}
  • Then replace it with:

{% assign markets =
“Canada:CA,United States:US,International:XX” | split: “,”
%}
{% for entry in markets %}
{% assign parts = entry | split: “:” %}

{{ parts[0] }} {% endfor %}

Here CA and US are your real country codes (so Shopify still directs pricing/buy buttons correctly), and XX is a dummy code you can catch in your backend to treat as “all other countries.”

3. Save & test

Refresh your storefront—your selector will now show “Canada,” “United States,” and “International” only. If you need more backend logic (like routing “XX” to a specific shipping profile), you can catch that code in your theme or via an app integration.

3

To display markets (like “Canada”, “USA”, “International”) instead of individual countries in a region selector, you’ll need to create a custom region selector or use an existing one that supports market selection.

4

To display markets (like “Canada”, “USA”, “International”) instead of individual countries in a region selector, you’ll need to create a custom region selector or use an existing one that supports market selection.

Marion County Property Appraiser

5

Hey! Thanks for your reply, however I think the snippet is called country-localization.liquid.

Here are the original codes. It kind if worked when i’ve replaced the highlighted loop, however it fucked the font displayed and currency, which I would like to remain the same.

Could you please help me to modify it properly without changing the fonts and display?

{%- comment -%}
Renders the country picker for the localization form

Accepts:

  • localPosition: pass in the position in which the form is coming up to create specific IDs
    {%- endcomment -%}
{{- localization.country.currency.iso_code }} {{ localization.country.currency.symbol }} | {{ localization.country.name -}} {% render 'icon-caret' %}

Thank you very much for your help. I can see we are very close!

6

Hi I am trying to determine how to do the same thing in Horizon Theme.