Всем привет. В статье «Как установить Gtranslate в Cs-Cart» я описывал установку Gtranslate в Cs-Cart. Да, это работает, но в последнее время переключение языка стало сопровождаться верхней горизонтальной полосой от Гугл.
Как бы это не совсем красиво. Хотелось бы избавиться от данного навязчевого сервиса. И я стал искать в интернете еще решения по установке Gtranslate.
В итоге благодаря Хабру (https://habr.com/ru/articles/438588/) нашел неплохое решение кастомного виджета googleTranslate для сайта.
Репозиторий с проектом на GitHub
Все доступные языки и их код ISO-639-1 можно посмотреть здесь.
Смотрится и работает хорошо.
Решение
Для установки на Cs-Cart я сделал:
- Создал папку google-translate, куда положил папки cs. js, images из репозитория.
- Залил по FTP папку в корень сайта.
- В макете создал новый блок с поддержкой Smarty «Языки gtranslate «
- В блоке прописал следующее:
<head>
<!-- google-translate -->
<link rel="stylesheet" href="/google-translate/css/google-translate.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script src="/google-translate/js/google-translate.js"></script>
<!-- END google-translate -->
</head>
<body class="body">
<div>
<img
src="/images/flag-ru.jpg"
height="24" width="24"
alt="ru"
data-google-lang="ru"
class="language__img"
/>
<img
src="/images/flag-by.jpg"
height="24" width="24"
alt="by"
data-google-lang="be"
class="language__img"
/>
<img
src="/images/flag-kk.jpg"
height="24" width="24"
alt="kk"
data-google-lang="kk"
class="language__img"
/>
</div>
5. Для себя подправил google-translate.css чтобы хорошо смотрелось на сайте, где я устанавливал Gtranslate.
Это все. Данное решение переключает языки на сайте без появления полосы Гугл. Что и требовалось сделать!