The language switch is not working properly.
I have 2 domains; example.com and example.de. Both domains have a separate directory on the webspace. When example.com is called, the English-language page should be shown and when example.de is called, the German-language page should be shown.
When calling example.com/home, example.com is correctly displayed. When changing the language, the system does not switch to example.de/start.
When calling example.com/company/ the page is displayed correctly. When switching to the German-language page, example.com/company/ is displayed and not example.de/unternehmen. The language switch is in the code of navbar.html.
I need a little help to find the mistake.
Hier die config.toml
title = ""
languageCode = "en-US"
theme = "example"
enableRobotsTXT = true
relativeUrls = true
[module]
[[module.imports]]
path = "github.com/gohugoio/hugo-mod-bootstrap-scss/v5"
defaultContentLanguageInSubdir = true
[languages]
[languages.en]
baseURL = "https://example.com"
languageCode = "en-US"
languageName = "English"
contentDir = "content/en"
[languages.de]
baseURL = "https://example.de"
languageCode = "de-DE"
languageName = "Deutsch"
contentDir = "content/de"
[markup]
[markup.goldmark]
[markup.goldmark.renderer]
unsafe = true
head.html
<!-- Required meta tags -->
<meta charset="utf-8">
<meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
name="viewport">
<meta content="ie=edge" http-equiv="X-UA-Compatible">
<title itemprop="name">{{ .Title }} - {{ .Site.Title }}</title>
<meta property="og:title" content="{{ .Title }} - {{ .Site.Title }}" />
{{ if and (eq .Kind "taxonomy") (eq .Type "categories")}}
<meta name="robots" content="noindex, nofollow, noarchive" />
{{ else }}
<meta name="robots" content="noindex, nofollow, noarchive" />
{{ end }}
<!-- Dart Sass -->
{{ $opts := dict "transpiler" "dartsass" }}
{{ $scss := resources.Get "scss/styles.scss" | fingerprint }}
{{ $styles := $scss | resources.ToCSS $opts }}
<link rel="stylesheet" href="{{ $styles.RelPermalink }}" />
<title>
{{- if .IsHome -}}
{{- .Site.Title -}}{{ with .Site.Params.slogan }} - {{ . }}{{ end }}
{{- else -}}
{{- .Title }} - {{ .Site.Title -}}
{{- end -}}
</title>
navbar.html
<nav class="navbar navbar-expand-lg navbar-dark bg-primary shadow-sm fixed-top">
<div class="container">
<a class="navbar-brand d-lg-none ms-3" href="/">{{ .Site.Params.company }}</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
{{ range .Site.Menus.main }}
{{ if .HasChildren }}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle{{ if $.HasMenuCurrent " main" . }} active{{ end }}" href="#" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
{{ .Pre }}<span>{{ .Name }}</span>{{ .Post }}
</a>
<ul class="dropdown-menu">
{{ range .Children }}
{{ if eq .Params.divider true }}
<li>
<hr class="dropdown-divider">
</li>
{{ else }}
<li>
<a class="dropdown-item{{ if $.IsMenuCurrent " main" . }} active" aria-current="page{{ end }}"
href="{{ .URL }}">
{{ .Pre }}<span>{{ .Name }}</span>{{ .Post }}
</a>
</li>
{{ end }}
{{ end }}
</ul>
</li>
{{ else }}
<li class="nav-item">
<a class="nav-link{{ if $.IsMenuCurrent " main" . }} active" aria-current="page{{ end }}" href="{{ .URL }}">
{{ .Pre }}<span>{{ .Name }}</span>{{ .Post }}
</a>
</li>
{{ end }}
{{ end }}
<li class="nav-item dropdown">
<button class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<img src="/images/lang.svg" height="20" alt="Language">
</button>
<ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDropLanguages">
{{ range $.AllTranslations }}
<li><a class='dropdown-item {{ if eq .Lang $.Lang }} active {{ end }}' href='{{ .RelPermalink }}'
hreflang="{{ $.Lang }}"> {{ .Language.LanguageName }} </a>
</li>
{{ end }}
</ul>
</ul>
<a class="navbar-brand d-none d-lg-block" href="/">{{ .Site.Title }}<img src="/images/logo.svg" class="logo"
alt="{{ .Site.Title }}"></a>
</div>
</div>
</nav>
