Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

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


ArtaPlay
 Поделиться

Рекомендованные сообщения

Селектор языков здесь: 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">

Верстайте)

 

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

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

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

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

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

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

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

  • +1 2
Ссылка на комментарий
Поделиться на других сайтах

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

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

Снимок.PNG

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

Ссылка на комментарий
Поделиться на других сайтах


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

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

Ссылка на комментарий
Поделиться на других сайтах


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

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

С чего бы?

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

 

image.png.98ac3b0afbd06e078d5d3fcacf39d931.png

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

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

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

Hawaii 

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

Изменено пользователем Tom
Ссылка на комментарий
Поделиться на других сайтах

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

Hawaii 

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

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

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

 

4988654131.jpg

Ссылка на комментарий
Поделиться на других сайтах

  • 1 месяц спустя...

подкорректировал 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 %}
Изменено пользователем MaxChernyshev
  • +1 1
Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.