Workflow: How to edit labels in the language dropdown menu in the help center



image avatar

Dylan Tragjasi

Zendesk Customer Care

Edited Sep 04, 2024


0

6

6 comments

Hi Tommy,
 
Yes, it seems this is possible to add a flag icon next to the language selector. I've taken a look and found that other users are discussing similar needs here:
 
Change text switching language
 
I hope that helps!
 

0


Is there any possibility to add a flag icon next to the language name? 

0


Hi Abdul,
 
Unfortunately, there isn't a way to automatically convert the locale to the country name. However, you could use the above solution to manually edit them as such.
 
Hope this helps and apologize for any inconvenience!
 
Erica

0


Hi All,

Is there any possibility to display country name as label name instead of locale ?

Thanks

0


Hey there,

Just looking at your public stylesheet it looks like your 'dropdown-menu' class has been removed so there is nothing saying for those elements to be hidden. I'd suggest taking a look at it in the copenhagen theme's css and bringing it over to your custom theme.

0


When using the code above, the language dropdown in our footer is not collapsed. Any tips on where we're going wrong? 

Code: 

<footer class="footer">
  <div class="footer-inner">
    {{#link 'help_center'}}{{help_center.name}}{{/link}}
    <a href='https://www.crunchyroll.com/privacy'>Privacy Policy</a>
    <a href='https://www.crunchyroll.com/tos'>Terms of Service</a>
    <div class="footer-language-selector">
      {{#if alternative_locales}}
        <div class="dropdown language-selector">
          <button class="dropdown-toggle" aria-haspopup="true">
            {{#is current_locale.name 'English (US)'}}
            English
            {{else}}
            {{current_locale.name}}
            {{/is}}
          </button>
          <span class="dropdown-menu dropdown-menu-end" role="menu">
            {{#each alternative_locales}}
              <a href="{{url}}" dir="{{direction}}" rel="nofollow" role="menuitem">
              {{#is name 'English (US)'}}
                English
              {{else}}
                {{name}}
              {{/is}}
              </a>
            {{/each}}
          </span>
        </div>
      {{/if}}
    </div>
  </div>
</footer>

Link: https://help.crunchyroll.com/hc/en-us 

Screenshot: 

 

0


Sign in to leave a comment.