change language code name to E instead of ENG or English

[usershop2024]

Hello Friends,

I have 2 language in my shopify store.

I want to change the English language name from English or ENG to " E"

I just need letter E which is short for English

I would appreciate if you can provide code link to added to my store?

Thank you 

[wo]

[usershop2024]

@wo Thanks for your response.  

I added the code but it have some issue , the drop down language list have repeated Letter

If i have French and English I want to French to be F  and English to be E  , In the drop down list should have F and E,  

can you adjust the code ?

Thank you

[Vinsinfo · Accepted solution]

@usershop2024Please follow the below steps to change the language name. Let me know whether it is helpful for you.

1. From admin, go to "Online Store" -> "Themes".

2. Click action button from the current theme and select "Edit code".

3. Locate "language-localization.liquid" file and follow either a) or b) based on your need.

a) Follow below steps if you want to update text only for the English and the French languages.

To change the displaying selected language:

Find the class "disclosure__button" paste the given code below to it like in the below attached screenshot.

 {% if localization.language.iso_code == 'en' %}
    <span>E</span>
{% elsif localization.language.iso_code == 'fr' %}
    <span>F</span>
{% else %}
    <span>{{ localization.language.endonym_name | capitalize }}</span>
{% endif %}

To change the language in the dropdown:

Find the "{%- render 'icon-checkmark' -%}" paste the given code below to it like in the below attached screenshot.

{% if language.iso_code == 'en' %}
    <span>E</span>
{% elsif language.iso_code == 'fr' %}
    <span>F</span>
{% else %}
    <span>{{ language.endonym_name | capitalize }}</span>
{% endif %}

b) Follow below steps if you want to update for all the available languages.

To change the displaying selected language:

Find the class "disclosure__button" paste the given code below to it like in the below attached screenshot.

{% assign language_title = localization.language.endonym_name | split: '' | first %}
<span>{{ language_title | upcase }}</span>

To change the language in the dropdown:

Find the "{%- render 'icon-checkmark' -%}" paste the given code below to it like in the below attached screenshot.

{% assign language_title = language.endonym_name | split: '' | first %}
<span>{{ language_title | upcase }}</span>

4. Then, the final output of the language selector dropdown will be like.

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.