src/Storefront/Resources/views/storefront/layout/header/actions/language-widget.html.twig line 1

  1. {% block layout_header_actions_language_widget%}
  2.     {% if position is empty %}
  3.         {% set position = 'top-bar' %}
  4.     {% endif %}
  6.     {% if  page.header.languages.count > 1 %}
  7.         <div class="top-bar-nav-item top-bar-language">
  8.             {% block layout_header_actions_language_widget_form %}
  9.                 <form method="post"
  10.                       action="{{ path('frontend.checkout.switch-language') }}"
  11.                       class="language-form"
  12.                       data-form-auto-submit="true">
  14.                     {% block layout_header_actions_language_widget_content %}
  15.                         {% set isoCode = page.header.activeLanguage.translationCode.code|lower|split('-') %}
  16.                         {% set language = isoCode[0] %}
  17.                         {% set country = isoCode[1] %}
  19.                         <div class="languages-menu dropdown">
  20.                             <button class="btn dropdown-toggle top-bar-nav-btn"
  21.                                     type="button"
  22.                                     id="languagesDropdown-{{ position }}"
  23.                                     data-bs-toggle="dropdown"
  24.                                     aria-haspopup="true"
  25.                                     aria-expanded="false">
  26.                                 <div class="top-bar-list-icon language-flag country-{{ country }} language-{{ language }}"></div>
  27.                                 <span class="top-bar-nav-text">{{ page.header.activeLanguage.name }}</span>
  28.                             </button>
  29.                             {% block layout_header_actions_languages_widget_form_items %}
  30.                                 <div class="top-bar-list dropdown-menu dropdown-menu-right"
  31.                                     aria-labelledby="languagesDropdown-{{ position }}">
  32.                                     {% for language in  page.header.languages %}
  33.                                         <div class="top-bar-list-item dropdown-item{% if language.id is same as(page.header.activeLanguage.id) %} item-checked{% endif %}"
  34.                                              title="{{ language.translated.name }}">
  36.                                             {% block layout_header_actions_languages_widget_form_items_flag %}
  37.                                                 {% set isoCode = language.translationCode.code|lower|split('-') %}
  38.                                                 {% set flagLanguage = isoCode[0] %}
  39.                                                 {% set flagCountry = isoCode[1] %}
  41.                                                 <label class="top-bar-list-label"
  42.                                                        for="{{ position }}-{{ language.id }}">
  43.                                                     <input id="{{ position }}-{{ language.id }}"
  44.                                                            class="top-bar-list-radio"
  45.                                                            value="{{ language.id }}"
  46.                                                            name="languageId"
  47.                                                            type="radio"
  48.                                                         {% if language.id is same as(page.header.activeLanguage.id) %} checked{% endif %}>
  49.                                                     <div class="top-bar-list-icon language-flag country-{{ flagCountry }} language-{{ flagLanguage }}"></div>
  50.                                                     {{ language.name }}
  51.                                                 </label>
  52.                                             {% endblock %}
  53.                                         </div>
  54.                                     {% endfor %}
  55.                                 </div>
  56.                             {% endblock %}
  57.                         </div>
  59.                         <input name="redirectTo" type="hidden" value="{{ app.request.get('_route') }}"/>
  61.                         {% for key, value in app.request.attributes.get('_route_params') %}
  62.                             <input name="redirectParameters[{{ key }}]" type="hidden" value="{{ value }}">
  63.                         {% endfor %}
  64.                     {% endblock %}
  65.                 </form>
  66.             {% endblock %}
  67.         </div>
  68.     {% endif %}
  69. {% endblock %}