Локализация
Вы можете настроить локализацию своего сайта и добавить описания товаров на разных языках. Это поможет вам быть более клиентоориентированным и повысит лояльность к игре. Вы можете сделать локализацию для:
Локализация сайта
Чтобы локализовать интерфейс сайта:
- Откройте проект в Личном кабинете.
- Нажмите Настройки проекта.
- В окне Общие настройки выберите языки, на которые хотите локализовать сайт.
- В поле Название проекта укажите локализованное название проекта на других языках.
- Нажмите Сохранить.
- В боковом меню нажмите Site Builder.
- В карточке вашего сайта нажмите Открыть Site Builder.
- Перейдите в раздел Настройки локализации и установите переключатели для нужных языков в положение Вкл.
- Выберите, где будет расположена кнопка выбора языка. Для этого в панели Расположение селектора выберите Заголовок и/или Футер.
После включения локализации все элементы интерфейса сайта переведутся на выбранные языки. По умолчанию используются тексты и переводы, подготовленные Xsolla. Чтобы изменить переводы по умолчанию, нажмите на текст дважды и введите свой вариант.
Локализация названий и описаний товаров
Чтобы локализовать товары на сайте (на примере виртуальных предметов):
- Откройте проект в Личном кабинете.
- Нажмите Настройки проекта.
- В окне Общие настройки выберите языки, на которые хотите локализовать сайт.
- В поле Название проекта укажите локализованное название проекта на других языках.
- Нажмите Сохранить.
- В боковом меню нажмите Store.
- В модуле Виртуальные предметы нажмите Настроить или Подключить.
- В раскрывающемся меню выберите Создать предмет или в строке уже имеющегося предмета вызовите контекстное меню и нажмите Редактировать предмет.
- Добавьте Название и Описание на всех языках, для которых вы подключили локализацию.
- Нажмите Сохранить изменения.
- В боковом меню нажмите Site Builder.
- В карточке вашего сайта нажмите Открыть Site Builder.
- Перейдите в раздел Настройки локализации и установите переключатели на нужных языках в положение Вкл.
- Перейдите к блоку Магазин и выберите группу предметов, для которых настроена локализация.
Локализация изображений
Вы можете добавить на ваш сайт изображение с текстом, написанном на определенном языке, с помощью пользовательского HTML-кода. Вы можете использовать готовое решение или добавить свой код.
Пример использования готового решения
- Откройте проект в Личном кабинете.
- В боковом меню нажмите Site Builder.
- В карточке вашего сайта нажмите Открыть Site Builder.
- Перейдите в раздел Настройки локализации и установите переключатели на нужных языках в положение Вкл.
- Добавьте следующее содержимое в блок Ваш код:
- html
<div class="image-container">
<img class="localised-image lazy loaded" data-src="https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/sitebuilder/71070/bc6d3c723c6381e85fbb929563922ecb.jpg" />
</div>
В раздел CSS:
- css
.image-container {
text-align: center;
padding: 4em 1em;
}
.image-container img {
width: 100%;
}
В раздел JavaScript:
- В параметре
htmlLang
укажите тот язык, для которого вы добавляете локализованное изображение. - В параметре
localisedImage.dataset.src
укажите ссылку на локализованное изображение.
Максимально допустимый размер изображения — 10 МБ.
- Чтобы добавить несколько языков для локализации, дублируйте фрагменты JavaScript-кода с нужными значениями параметров.
- javascript
const htmlLang = document.documentElement.lang;
const localisedImage = document.querySelector('.localised-image');
if (htmlLang === 'es') {
localisedImage.dataset.src = 'https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/sitebuilder/71070/bc6d3c723c6381e85fbb929563922ecb.jpg';
}
if (htmlLang === ‘it’) {
localisedImage.dataset.src = 'https://cdn.xsolla.net/merchant-bucket-prod/files/uploaded/sitebuilder/71070/bc6d3c723c6381e85fbb929563922ecb.jpg';
}
- Нажмите кнопку Просмотр, чтобы увидеть изменения. Изображение локализуется только для тех языков, которые вы указали в блоке Ваш код.
Добавление собственного кода
- В окне конструктора нажмите Добавить блок и выберите блок Ваш код.
- Вставьте в блок собственный код.
Полезные ссылки
Последнее обновление: 26 марта 2024Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.