Multilanguages plugin - Dropdown menu

Support Plugins
1

Hello, I have some issue to format the multi-languages plugin.

I have copied langswitcher twig template to my template partials folder, added on page template using:

{% include 'partials/langswitcher.html.twig' %}

But I not intend how to format to obtain this result, using personal css dropdown:

<!-- language navigation -->
  <section class="navbar-section language-selector">
    <div class="dropdown dropdown-right">
      <a href="#" class="btn btn-primary dropdown-toggle" tabindex="0">
        en
      </a>
      <!-- menu component -->
      <ul class="menu">
        <li class="menu-item"><a href="#" class="active">english</a></li>
        <li class="menu-item"><a href="#">language 2</a></li>
        <li class="menu-item"><a href="#">language 3</a></li>
        <li class="menu-item"><a href="#">language 5</a></li>
        <li class="menu-item"><a href="#">language 5</a></li>
      </ul>
    </div>
  </section>
<!-- /language navigation -->

this is the code of lang switcher:

<section class="navbar-section language-selector">
        {% for language in langswitcher.languages %}

                
                {% set show_language = true %}
                {% if language == langswitcher.current %}

                    {% set lang_url = page.url %}
                    {% set active_class = ' active' %}

                {% else %}

                    {% set base_lang_url = base_url_simple ~ grav.language.getLanguageURLPrefix(language) %}
                    {% set lang_url = base_lang_url ~ langswitcher.page_route ~ page.urlExtension %}
                    {% set untranslated_pages_behavior = grav.config.plugins.langswitcher.untranslated_pages_behavior %}
                    {% if untranslated_pages_behavior != 'none' %}
                        {% set translated_page = langswitcher.translated_pages[language] %}
                        {% if (not translated_page) or (not translated_page.published) %}
                            {% if untranslated_pages_behavior == 'redirect' %}
                                {% set lang_url = base_lang_url ~ '/' %}
                            {% elseif untranslated_pages_behavior == 'hide' %}
                                {% set show_language = false %}
                            {% endif %}
                        {% endif %}
                    {% endif %}
                    {% set active_class = '' %}

                {% endif %}
            

            {% if show_language %}
                <li><a href="{{ lang_url ~ uri.params }}" class="external{{ active_class }}">{{ native_name(language)|capitalize }}</a></li>
            {% endif %}

        {% endfor %}

  </section>
<!-- /language navigation -->

is not clear to me where put the dropdown button and format the menu… some suggestion?

Thanks

2

of course, after posting … i solved:

<div class="dropdown dropdown-right">
  <a href="#" class="btn btn-primary dropdown-toggle" tabindex="0">
        {{ grav.language.getLanguage }}
  </a>

    <ul class="menu">
        <li class="menu-item">
            {% for language in langswitcher.languages %}
      
                    {% set show_language = true %}
                    {% if language == langswitcher.current %}

                        {% set lang_url = page.url %}
                        {% set active_class = ' active' %}

                    {% else %}

                        {% set base_lang_url = base_url_simple ~ grav.language.getLanguageURLPrefix(language) %}
                        {% set lang_url = base_lang_url ~ langswitcher.page_route ~ page.urlExtension %}
                        {% set untranslated_pages_behavior = grav.config.plugins.langswitcher.untranslated_pages_behavior %}
                        {% if untranslated_pages_behavior != 'none' %}
                            {% set translated_page = langswitcher.translated_pages[language] %}
                            {% if (not translated_page) or (not translated_page.published) %}
                                {% if untranslated_pages_behavior == 'redirect' %}
                                    {% set lang_url = base_lang_url ~ '/' %}
                                {% elseif untranslated_pages_behavior == 'hide' %}
                                    {% set show_language = false %}
                                {% endif %}
                            {% endif %}
                        {% endif %}
                        {% set active_class = '' %}

                    {% endif %}
                
                {% if show_language %}
                    <li><a href="{{ lang_url ~ uri.params }}" class="external{{ active_class }}">{{ native_name(language)|capitalize }}</a></li>
                {% endif %}

            {% endfor %}
        </li>
    </ul>
</div>

:grinning: