Show list of available translations in the Menu about hugo-theme-jane

[shaform]

Is mobile-menu supposed to support drop down menu?

I am trying to add this feature to my site as well. My current progress:

+++ b/layouts/partials/header.html
@@ -38,5 +38,18 @@
 
       </li>
     {{ end }}
+    {{ if gt (len .Site.Home.AllTranslations) 1 }}
+      <li class="menu-item">
+        <!-- drop down navigation MENU -->
+        <a class="menu-item-link menu-parent" href="{{ .URL | absLangURL | safeURL }}">{{ i18n "language" }}</a>
+        <ul class="submenu">
+          {{ range .Site.Home.AllTranslations }}
+            <li>
+              <a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
+            </li>
+          {{ end }}
+        </ul>
+      </li>
+    {{ end }}
   </ul>
 </nav>
+++ b/layouts/partials/slideout.html
@@ -23,5 +23,17 @@
         </a>
       </li>
     {{- end }}
+    {{ if gt (len .Site.Home.AllTranslations) 1 }}
+      <li class="mobile-menu-item">
+        {{ i18n "language" }}
+        <ul class="submenu">
+          {{ range .Site.Home.AllTranslations }}
+            <li>
+              <a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
+            </li>
+          {{ end }}
+        </ul>
+      </li>
+    {{ end }}
+++ b/i18n/en.yaml
@@ -95,3 +95,7 @@
 
 - id: read_fr
   translation: Lire en français
+
+- id: language
+  translation: Language

[xianmin]

@shaform Yes, mobile-menu should support drop down menu. I will do this next step.

Your progress looks good! But I have a little doubt about "how to display language menu better".
Maybe like this site: https://www.duolingo.com/ ? I am not sure.

Most users just use two languages. They can add a language link to the menu easily.

So, my point is, it's better add an option to show available translations in the menu.

Thanks for your progress. Welcome to PR! 😄

[xianmin]

Thanks for @shaform ! Now, hugo-theme-jane could show list of languages in the menu.

To enable this feature, you need add an option showMenuLanguageChooser = true to your site config file.