[contact-form-7 id="24085" title="Feedback RU"]

Новые шаблоны

PrestaShop 1.6.x. Как отобразить флажки в переключателе языков

Из этого туториала Вы узнаете, как отобразить флажки в переключателе языков в шаблонах PrestaShop 1.6.x.

PrestaShop 1.6.x. Как отобразить флажки в переключателе языков

По умолчанию, переключатель языков отображает только названия установленных языков:

PrestaShop_1.6.x._How_to_display_flags_in_the_language_switcher-1

Для того чтобы добавить флажок перед названием каждого языка в переключателе языков, следуйте таким инструкциям:

  1. Перейдите в админ панель Админ панель -> Локализация -> Языки (administration panel -> Localization -> Languages) и убедитесь, что у всех языков есть флажки. Если у каких-то языков нет флажков, загрузите для них значки. Для того чтобы это сделать, следуйте таким инструкциям:

    1. Перейдите на сайт http://www.famfamfam.com/lab/icons/flags и загрузите значки:

      PrestaShop_1.6.x._How_to_display_flags_in_the_language_switcher-2

    2. Откройте zip архив, который Вы только что скачали, и извлеките значки, которые Вам нужны.

    3. Перейдите на вкладку Админ панель – Локализация — Языки (administration panel — Localization – Languages), нажмите на кнопку Редактировать (Edit) для языка, к которому Вы хотите добавить значок.

    4. Загрузите флажок страны с вашего компьютера:

      PrestaShop_1.6.x._How_to_display_flags_in_the_language_switcher-3

    5. Сохраните изменения.

  2. Откройте файл themes/themeXXXX/modules/blocklanguages/blocklanguages.tpl, используя редактор кода, который Вы предпочитаете:

    PrestaShop_1.6.x._How_to_display_flags_in_the_language_switcher-4

  3. Вставьте следующий фрагмент кода: {$language.name|regex_replace:"/\s\(.*\)$/":""} дважды: на строке 7 и 22 (примерно):

    <img alt="{$language.iso_code}" height="11" span="" src="{$img_lang_dir}{$language.id_lang}.jpg" width="16" style="margin-right: 2px;"/>
    

    код будет выглядеть следующим образом:

    <span><img alt="{$language.iso_code}" height="11" span="" src="{$img_lang_dir}{$language.id_lang}.jpg" width="16" style="margin-right: 2px;"/>{$language.name|regex_replace:"/\s\(.*\)$/":""}</span>
    

    PrestaShop_1.6.x._How_to_display_flags_in_the_language_switcher-5

  4. Сохраните изменения в файле blocklanguages.tpl и перезагрузите его на сервер.

  5. Обновите домашнюю страницу вашего магазина. Теперь Вы увидите флажок перед каждым языком в переключателе языков:

    PrestaShop_1.6.x._How_to_display_flags_in_the_language_switcher-6

Вы можете также ознакомиться с детальным видео-туториалом ниже:

PrestaShop 1.6.x. Как отобразить флажки в переключателе языков