Recent searches


No recent searches

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

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


image avatar

Eric Nelson

Zendesk Developer Advocacy

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


Hi All,

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

Thanks

0


image avatar

Erica Girges

Zendesk Developer Advocacy

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


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

0


image avatar

Gabriel Manlapig

Zendesk Customer Care

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


Please sign in to leave a comment.