Локализация

Вы можете настроить локализацию своего сайта и добавить описания товаров на разных языках. Это поможет вам быть более клиентоориентированным и повысит лояльность к игре. Вы можете сделать локализацию для:

• Общих элементов сайта.
• Описания товаров на сайте.
• Изображений.

Локализация сайта

Чтобы локализовать интерфейс сайта:

1. Откройте проект в Личном кабинете.
2. Нажмите Настройки проекта.
3. В окне Общие настройки выберите языки, на которые хотите локализовать сайт.
4. В поле Название проекта укажите локализованное название проекта на других языках.
5. Нажмите Сохранить.
6. В боковом меню нажмите Site Builder.
7. В карточке вашего сайта нажмите Открыть Site Builder.
8. Перейдите в раздел Настройки локализации и установите переключатели для нужных языков в положение Вкл.
9. Выберите, где будет расположена кнопка выбора языка. Для этого в панели Расположение селектора выберите Заголовок и/или Футер.

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

Локализация названий и описаний товаров

Чтобы локализовать товары на сайте (на примере виртуальных предметов):

1. Откройте проект в Личном кабинете.
2. Нажмите Настройки проекта.
3. В окне Общие настройки выберите языки, на которые хотите локализовать сайт.
4. В поле Название проекта укажите локализованное название проекта на других языках.
5. Нажмите Сохранить.
6. В боковом меню нажмите Store.
7. В модуле Виртуальные предметы нажмите Настроить или Подключить.
8. В раскрывающемся меню выберите Создать предмет или в строке уже имеющегося предмета вызовите контекстное меню и нажмите Редактировать предмет.
9. Добавьте Название и Описание на всех языках, для которых вы подключили локализацию.

10. Нажмите Сохранить изменения.
11. В боковом меню нажмите Site Builder.
12. В карточке вашего сайта нажмите Открыть Site Builder.
13. Перейдите в раздел Настройки локализации и установите переключатели на нужных языках в положение Вкл.
14. Перейдите к блоку Магазин и выберите группу предметов, для которых настроена локализация.

Локализация изображений

Вы можете добавить на ваш сайт изображение с текстом, написанном на определенном языке, с помощью пользовательского HTML-кода. Вы можете использовать готовое решение или добавить свой код.

Пример использования готового решения

1. Откройте проект в Личном кабинете.
2. В боковом меню нажмите Site Builder.
3. В карточке вашего сайта нажмите Открыть Site Builder.
4. Перейдите в раздел Настройки локализации и установите переключатели на нужных языках в положение Вкл.
5. Добавьте следующее содержимое в блок Ваш код:

<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:

.image-container {
  text-align: center;
  padding: 4em 1em;
}

.image-container img {
  width: 100%;
}

В раздел JavaScript:

1. В параметре htmlLang укажите тот язык, для которого вы добавляете локализованное изображение.
2. В параметре localisedImage.dataset.src укажите ссылку на локализованное изображение.

Чтобы добавить несколько языков для локализации, дублируйте фрагменты 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';
 }

6. Нажмите кнопку Просмотр, чтобы увидеть изменения. Изображение локализуется только для тех языков, которые вы указали в блоке Ваш код.

Добавление собственного кода

1. В окне конструктора нажмите Добавить блок и выберите блок Ваш код.

2. Вставьте в блок собственный код.