OJS 3: флажки переключения языков

Уважаемые коллеги, в данном материале мы расскажем о том, как можно реализовать переключение языков интерфейса на платформе Open Journal Systems 3 с помощью флажков вместо стандартных записей.

* материал по реализации флажков для OJS 2 версии можно посмотреть здесь…

Для начала нужно убедиться, что все локализации сайта включены. Для этого идем Settings >>> Website >>> Languages. Здесь важно проставить галочки для всех языковых версий интерфейса сайта (UI). Можно также выставить галочки для форм и рукописей (это будет не лишним). Основную локализацию можно оставить английской.

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

• flag_en для английского языка (файл flag_en.png)
• flag_ua для украинского языка (файл flag_ua.png)
• flag_ru для русского языке (файл flag_ru.png)

или же просто скачать флажки ниже

 

 

Затем файлы с флажками нужно выложить где-нибудь на хостинге. Можно выгрузить и через административную панель OJS, если у Вас нет доступа к FTP или вообще использовать внешние ссылки. У нас такой доступ есть, поэтому мы создали отдельную директорию в корне сайта downloads, в которой разместили наши флажки таким образом, чтобы путь к ним был следующий:

• downloads/flag_en.png
• downloads/flag_ua.png
• downloads/flag_ru.png

После этого нужно найти и включить модуль блоков в боковой панели сайта Custom Block Manager.

Если Вы еще не работали с этим модулем, рекомендуем материал OJS 3: БОКОВАЯ ПАНЕЛЬ САЙТА

Идем Settings >>> Website >>> Plugins… Находим Custom Block Manager и добавляем новый блок, например, FLAGS.

В этот блок нужно добавить следующий код в режиме Source code ( кнопка < > )

<p>

<a class="icon" href="https://site.ua/index.php/journal/user/setLocale/en_US?source={$smarty.server.REQUEST_URI}"><img style="margin-left: 1px;" title="English" src="https://site.ua/downloads/flag_en.png" alt="English" width="48" height="48" /></a>

<a class="icon" href="https://site.ua/index.php/journal/user/setLocale/uk_UA?source={$smarty.server.REQUEST_URI}"><img style="margin-left: 10px;" title="Ukrainian" src="https://site.ua/downloads/flag_ua.png" alt="Ukrainian" width="48" height="48" /></a>

<a class="icon" href="https://site.ua/index.php/journal/user/setLocale/ru_RU?source={$smarty.server.REQUEST_URI}"><img style="margin-left: 10px;" title="Russian" src="https://site.ua/downloads/flag_ru.png" alt="Russian" width="48" height="48" /></a>

</p>

Все значения https://site.ua нужно заменить на Ваши (подставить Ваш сайт).

Значения margin-left: 10px — это отступы слева между флажками, их можно увеличивать или уменьшать.

Значения width и height — это размер картинок, которые мы выложили выше. Если у Вас будут другие картинки, то и эти значения можно изменить в исходном коде.

Если Вы все сделали правильно, то флажки переключения появятся прямо в окне блока… Сохраняем.

Поздравляем, теперь у Вас в боковой панели сайта появится отдельный блок переключения языков в виде флагов стран. Стандартный блок Language Toggle Block теперь можно спрятать.

Для этого идем Settings >>> Website >>> Appearance и находим функционал Sidebar management

Результат можно посмотреть почти на любом нашем сайте здесь.

---

Надеемся, что материал был для Вас полезен. С уважением. Участники OSU.