I’m trying to set up a language switcher that fulfils these requirements: the order of the languages should be permanent if there isn’t a translation for that piece of content in the alternate language the button should be disabled or show the result of the Lang.Merge So far, I came up with this: …

Not sure if it answers your question but, this is what I am doing in my work-in-progress site. RickCogley/eSolia_2018/blob/master/layouts/partials/nav1.html#L44-L54 {{ if .IsTranslated }} {{ range .Translations }} <a class="button is-small is-danger is-rounded" href="{{ .Permalink }}">{{ .…

Thanks @RickCogley it helped ! Here’s how the final code turned out: {{ if .Site.IsMultiLingual }} {{ range .Site.Languages }} {{ if eq . $.Site.Language }} <li><a href="#" class="active language">{{ .LanguageName }}</a></li> {{ else }} {{ range $.Translations }} <li><a href="{{ .Permalink…

Here is one example (home page only): letsencrypt/website/blob/master/layouts/partials/header.html#L33 <ul class="pure-menu-children"> {{ range .Children }} <li class="pure-menu-item"> <a href="{{ .URL }}" class="pure-menu-link">{{ .Name }}</a> </li> {{ end }} </u…

I do it this way: moodlebox/hugo-moodlebox-theme/blob/master/layouts/partials/langswitcher.html {{ if .Site.IsMultiLingual }} <li id="language-switch" class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i cl…

Just wanted to say thank you for these answers. I wanted a flag based switcher, so I ended up with something like this code below. I’m not sure if using emoji like that is recommended, or if I should use an SVG or other image(?): {{ if .IsTranslated }} {{ range .Translations }} {{ if eq…

generally, new support questions should get their own thread. But yours is more adding to the possibilities. There has been some discussion about using flags for this elsewhere in the forum; it could be considered problematic since flags are nation-based whereas languages are not.

@flips i saw your code, but you had to hard code language cases. In the spirit (or did I stole it here, can’t remember :-)) of @martignoni example this is what I have for my multilingual site. The partial is universal. I just have to add some entries to config.toml {{ $siteLanguages := site.Langu…

Here is my take on a language switcher. I put some work in to getting proper markup and attributes, setting rel as alternative and setting hreflang etc. <h2 class="visually-hidden">{{ i18n "lang_select_title" }}</h2> <nav class="language-selector layout__language-selector"> <ul class="navbar"> {{ i…

I have inserted the code at layouts/partials/language-selector.html In config. This is my main-menu.html <div id="main-menu" class="main-menu"> <ul> {{ $currentPage := . }} {{ range .Site.Menus.main }} <li class="menu-item-{{ .Name | lower }}{{ if $currentPage.IsMenuCurrent "main" .…

what I have prepared so far is: setting names for all folders for both languages in the menu bar moved content to /en/ and /de/ how can I create the link in the menu? If I create a menu entry like this it jumps to the defined URL instead of only translating [[languages.en.menu.main]] name = "DE…

Language switcher in menu

support

Topic		Replies	Views
Changing languages and remaining on the same page support i18n	5	984	June 8, 2025
[SOLVED] Language switcher: link to current translated content instead of home support	4	1576	May 18, 2018
Suggestion for simple language navigator/switch support	3	675	July 28, 2018
Only link to already translated content support	3	1646	March 18, 2020
Change language with Dropdown menu support i18n	5	437	June 1, 2024

Language switcher in menu

Related topics