Отопительные системы Галан
Ваша Корзина
Корзина пуста
  • Ваша корзина пуста






Фирма Галан +38 (044) 578-25-54 Индивидуальное отопление (095) 548-87-48 Электродные котлы Галан (063) 578-25-54 Электрические Галан Крос (098) 483-82-81 WhatsApp Viber Telegram



Топ самых активных пользователей нашего форума
Николай
Сообщений: 592
Репутация: 2
Ранг:
 
Марина
Сообщений: 66
Репутация: 0
Ранг:
 
Алевтина
Сообщений: 36
Репутация: 0
Ранг:
 
Вадим
Сообщений: 34
Репутация: 0
Ранг:
 
Mark
Сообщений: 24
Репутация: 0
Ранг:
 
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Переводчик для сайта Ucoz. Украинский, русский, английский
НиколайДата: Понедельник, 13.11.2023, 12:23 | Сообщение # 1
Генерал-лейтенант
Страна: Украина
Город:
Группа: Администраторы
Сообщений: 592
Награды: 6 загрузка наград ...
Репутация: 2
Статус: Offline
Как реализовать подобное ? Или что для этого нужно, первое сохранить файл google-translate.js. Создаем в корне сайте папку с именем js и туда загружаем, чаще эта папка уже существует. Для флажков аналогично lang, визуально очень понятно (есть выше у меня на сайте, просто сохраняйте), или делаем надписи для понимающих в коде и CSS. То есть перевод русский, украинский, английский.

Чтобы отредактировать файл google-translate.js можно использовать бесплатный редактор Notepad++, иногда нужно поменять кодировку так-как показывает крякообразы.

https://xn--80aah7al.com/js/google-translate.js

Далее в код cайта перед закрывающимся тегом head вставляем. ⤵

<style type="text/css">
body { top: 0px !important; } /* Убираем отступ который выставляет скрипт */
.skiptranslate { display: none !important; } /* Скрываем гугловский навбар с выбором языка */
</style>

Сразу после закрывающимся тега head перед открывающимся тегом body вставляем. ⤵

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script src="https://translate.google.com/translate_a/element.js?cb=TranslateInit"></script>
<script src="/js/google-translate.js"></script>

В первой строке кода выше указана библиотека jQwery, в некоторых случаях она уже подключена к сайту, изучайте вашу систему управления !



После в то место кода где должны отображаться флаги вставляем такой код. lang папка на сайте с флагами перевода, lang_*.png изображения флага. ⤵

<div id="google_translate_element"></div>
<div align="center">
<div class="language">
<img src="https://галан.com/lang/lang_ru.png" alt="ru" data-google-lang="ru" class="language__img">
<img src="https://галан.com/lang/lang_uk.png" alt="uk" data-google-lang="uk" class="language__img">
<img src="https://галан.com/lang/lang_en.png" alt="en" data-google-lang="en" class="language__img">
</div></div>

И еще, если вам нужно добавить перевод другого языка, просто добавляете перед закрывающимся тегом div последнею строку, можно просто скопировать. Затем меняете en например на de, таким образом сайт переводится на немецкий. Не забудьте добавить иконку флажка Германии ! Мало того в файле google-translate.js а именно в 25 строке нужно добавить de. И если язык загрузки по умолчанию сайта другой, измените его в строке 8 !

Узнать кодировку другого языка можно в таблице ISO 639-1.

Код нужно установить на всех видимых для посетителей страницах сайта !
 
  • Страница 1 из 1
  • 1
Поиск: