# Links to local pages in multilingual website

**URL:** <https://discourse.gohugo.io/t/links-to-local-pages-in-multilingual-website/35310>\
**Category:** support\
**Created:** [October 25, 2021, 11:08pm UTC](https://discourse.gohugo.io/t/links-to-local-pages-in-multilingual-website/35310 "2021-10-25T23:08:48Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![giancarloantonucci](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/giancarloantonucci/32/15465_2.png) [@giancarloantonucci](https://discourse.gohugo.io/u/giancarloantonucci)\
**Post date:** [October 25, 2021, 11:08pm UTC](https://discourse.gohugo.io/t/links-to-local-pages-in-multilingual-website/35310/1 "2021-10-25T23:08:48Z")

</div>

I have this dropdown language chooser in my header:

```auto
<nav>
 ...
 <div class="dropdown" style="position: absolute; float: right; top: 0; right: 0;">
  <button class="btn btn-secondary dropdown-toggle" id="dropdownLanguages" data-bs-toggle="dropdown" aria-expanded="false">
   <i class="fas fa-globe fa-lg" aria-hidden="true"></i>
  </button>
  <base href="{{ .Site.BaseURL }}">
  {{- $language := .Language -}}
  <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownLanguages">
   {{ range .Site.Home.AllTranslations }}
   {{ if eq $language .Language }}
   <li class="nav-item">
    <a class="nav-link active" href="{{ .Permalink }}">
     {{ $flag := printf "<img src=\"imgs/flag.%s.svg\">" .Language | safeHTML }}
     {{ $flag }}
    </a>
   </li>
   {{ else }}
   <li class="nav-item">
    <a class="nav-link" href="{{ .Permalink }}">
     {{ $flag := printf "<img src=\"imgs/flag.%s.svg\">" .Language | safeHTML }}
     {{ $flag }}
    </a>
   </li>
  {{ end }}
  {{ end }}
  </ul>
 </div>
</nav>

```

However, whenever I’m on a local page in a language (say Italian) and I click on a different language (say English) from this dropdown, it leads me to the home page of that language (English). What am I doing wrong?

---

<div class="post-metadata">

**Author:** ![Mehedi](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/mehedi/32/12392_2.png) [@Mehedi](https://discourse.gohugo.io/u/Mehedi)\
**Post date:** [October 26, 2021, 4:15am UTC](https://discourse.gohugo.io/t/links-to-local-pages-in-multilingual-website/35310/2 "2021-10-26T04:15:00Z")

</div>

You can use a little javascript for that,

```auto
{{ if .IsTranslated }}
        <select class="m-2 border-0" id="select-language" onchange="location = this.value;">
          {{ $siteLanguages := site.Languages}}
          {{ $pageLang := .Page.Lang}}
          {{ range .Page.AllTranslations }}
          {{ $translation := .}}
          {{ range $siteLanguages }}
          {{ if eq $translation.Lang .Lang }}
          {{ $selected := false }}
          {{ if eq $pageLang .Lang}}
          <option id="{{ $translation.Language }}" value="{{ $translation.RelPermalink }}" selected>{{ .LanguageName }}
          </option>
          {{ else }}
          <option id="{{ $translation.Language }}" value="{{ $translation.RelPermalink }}">{{ .LanguageName }}</option>
          {{ end }}
          {{ end }}
          {{ end }}
          {{ end }}
        </select>
        {{ end }}

```

Check this out for language swithcer

---

<div class="post-metadata">

**Author:** ![giancarloantonucci](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/giancarloantonucci/32/15465_2.png) [@giancarloantonucci](https://discourse.gohugo.io/u/giancarloantonucci)\
**Post date:** [October 26, 2021, 8:04am UTC](https://discourse.gohugo.io/t/links-to-local-pages-in-multilingual-website/35310/3 "2021-10-26T08:04:50Z")

</div>

It turns out that the problem I had was that I was using `.Site.Home.AllTranslations` instead of `.Page.AllTranslations`. Thanks for the hint though 🙂

---

<div class="post-metadata">

**Author:** ![system](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/system/32/1_2.png) [@system](https://discourse.gohugo.io/u/system)\
**Post date:** [October 28, 2021, 8:05am UTC](https://discourse.gohugo.io/t/links-to-local-pages-in-multilingual-website/35310/4 "2021-10-28T08:05:39Z")

</div>

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.