How can I display alternate language options on my website?

Shopify Discussion

Topic summary

A user running a bilingual website (English and Chinese) using the Flow theme wants the language selector to display the opposite language option instead of the current one. For example, when viewing the English version, the selector should show “Chinese” (in Chinese characters) so visitors know another language is available.

Solutions provided:

  • One participant recommended using the Geolocation app from Shopify’s app store
  • Another provided a code solution:
    1. Navigate to Online Store → Themes → Edit code
    2. Open the language-localization.liquid file
    3. Replace the existing language display code with a custom snippet that shows available languages excluding the current one

Resolution: The original poster confirmed the problem was fixed, indicating one of the solutions successfully resolved the issue.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

Hi , I have two language for the website, English & Chinese

I am wondering if it’s possible to display the opposite language? For example,

If i am on English version now, can the language selector show Chinese (in Chinese word) so people will know that we have other language option. I am using flow theme

davidwu1604_0-1706871283822.png
davidwu1604_0-1706871283822.png437×216 49.1 KB

Thanks!

2

@davidwu1604

please use this app i hope it will work:
https://apps.shopify.com/geolocation

3

Please try below code to do this.

  1. Go to “Online Store” → “Themes”.
  2. Select Edit code.
  3. Go to language-localization.liquid file.
  4. Paste below code instead of the line “{{ localization.language.endonym_name | capitalize }}”
{%- for language in localization.available_languages -%}
      {% if localization.language.iso_code != language.iso_code %}
         {{ language.endonym_name | capitalize }}
        {%- break -%}
      {% endif %}
{%- endfor -%}
4

THANK YOU FOR YOU HELP! PROVLEM FIXED