Убрать картинку языка

[ArtaPlay]

Привет, подскажите как убрать картинку в поле выбор языка?

[PaulKravchenko]

Селектор языков здесь: catalog/view/theme/default/template/common/language.twig

Картинки: <img src="catalog/language/{{ language.code }}/{{ language.code }}.png" alt="{{ language.name }}" title="{{ language.name }}" />

Учтите только, что название языка скрывается на мобильных девайсах, если просто уберете картинку, то получите пустышку в селекторе.

За скрытие названия языков отвечает этот кусок: <span class="hidden-xs hidden-sm hidden-md">

Верстайте)

 

Вообще да - флажки - это лажа)

[markimax]

14 минут назад, PaulKravchenko сказал:

Вообще да - флажки - это лажа)

Да, флаги в переключателе языков это ГРУБАЯ ошибка юзабилити
Флаги показывают геозону.

Языки не принадлежат странам
Представьте лицо гипотетического "американца", который зашел в магазин и увидел флаг union jack Великобритании в переключателе языков и наоборот англичанина увидевшего флаг США в переключателе. Они его тут же закроют. Никто из них больше не зайдет в этот магазин

Поэтому флаги из переключателей надо убирать

[magdek]

55 минут назад, ArtaPlay сказал:

Привет, подскажите как убрать картинку в поле выбор языка?

Как вариант можно сделать в фотошопе картинки RU и UA и подменить.

[PaulKravchenko]

17 минут назад, magdek сказал:

можно сделать в фотошопе картинки RU и UA и подменить

Можно, если не оставлять название языков, а если оставить, то на мобилках будет ок, а на десктопе - лажа типа RU Русский 

[magdek]

29 минут назад, PaulKravchenko сказал:

Можно, если не оставлять название языков, а если оставить, то на мобилках будет ок, а на десктопе - лажа типа RU Русский 

Если убрать картинку тогда будет такой вариант Язык Язык  (Мова Мова)

[PaulKravchenko]

3 минуты назад, magdek сказал:

Если убрать картинку тогда будет такой вариант Язык Язык  (Мова Мова)

С чего бы?

Убрал картинку:

 

[Tom]

1 час назад, markimax сказал:

"американца", который зашел в магазин и увидел флаг union jack

Hawaii 

Мне кажется не до такой степени конечно , что бы прям открыл, увидел флаг и больше не вернулся. Я из Казахстана и регулярно вижу российский триколор что не повод не открывать больше тот же Ebay или Aliexpress.

Змінено 5 жовтня 2019 користувачем Tom

[markimax]

12 минут назад, Tom сказал:

Hawaii 

Мне кажется не до такой степени конечно , что бы прям открыл, увидел флаг и больше не вернулся. Я из Казахстана и регулярно вижу российский триколор что не повод не открывать больше тот же Ebay или Aliexpress.

1. Я гипотетически, но в среднем процент отказов будет очень большим. ~30% человечества - ярые националисты (психологи  исследовали)
Т е плюс 30% отказов - это нормально? Да даже плюс 10% отказов из-за флага  - это не правильное юзабилити
Поэтому специалисты по юзабилити - не рекомендуют использовать флаги в переключателе языков

2. На eBay там геотаргетирование флагами, а не язык
А на Aliexpress - языки без флагов (а флаги только как геотаргетирование страны доставки)

 

[MaxChernyshev]

подкорректировал language.twig
теперь без флагов и названий языка(Українська Руский) только сокращенные названия UKR/RUS

 

{% if languages|length > 1 %}
   <div class="float-left">
      <form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-language">
         <div class="btn-group">
            <button class="btn btn-link dropdown-toggle text-white" data-toggle="dropdown" aria-haspopup="true"
                  aria-expanded="false">
               {% for language in languages %}
                  {% if language.code == code %}
                     {{ language.name }}
{#                   <img src="catalog/language/{{ language.code }}/{{ language.code }}.png"#}
{#                       alt="{{ language.name }}" title="{{ language.name }}">#}
                  {% endif %}
               {% endfor %}
{#             <span class="d-none d-md-none d-lg-inline-block">{{ text_language }}</span>#}
            </button>
            <div class="dropdown-menu">
               {% for language in languages %}

                  <button class="dropdown-item language-select " type="button" name="{{ language.code }}">

{#                   <img src="catalog/language/{{ language.code }}/{{ language.code }}.png"#}
{#                       alt="{{ language.name }}" title="{{ language.name }}"/>#}
                     {{ language.name }}</button>
               {% endfor %}
            </div>
         </div>
         <input type="hidden" name="code" value=""/>
         <input type="hidden" name="redirect" value="{{ redirect }}"/>
      </form>
   </div>
{% endif %}

Змінено 24 листопада 2019 користувачем MaxChernyshev