Локализация

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

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

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

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

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

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

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

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

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

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

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

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

  1. Откройте проект в Личном кабинете.
  2. В боковом меню нажмите Site Builder.
  3. В карточке вашего сайта нажмите Открыть Site Builder.
  4. Перейдите в раздел Настройки локализации и установите переключатели на нужных языках в положение Вкл.
  5. Добавьте следующее содержимое в блок Ваш код:
В раздел HTML:
Copy
Full screen
Small screen
<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:

Copy
Full screen
Small screen
.image-container {
  text-align: center;
  padding: 4em 1em;
}

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

В раздел JavaScript:

  1. В параметре htmlLang укажите тот язык, для которого вы добавляете локализованное изображение.
  2. В параметре localisedImage.dataset.src укажите ссылку на локализованное изображение.
Примечание
Доступные форматы изображений: JPEG, PNG, GIF, WEBP.
Максимально допустимый размер изображения — 10 МБ.
    Чтобы добавить несколько языков для локализации, дублируйте фрагменты JavaScript-кода с нужными значениями параметров.
Copy
Full screen
Small screen
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';
 }
  1. Нажмите кнопку Просмотр, чтобы увидеть изменения. Изображение локализуется только для тех языков, которые вы указали в блоке Ваш код.

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

  1. В окне конструктора нажмите Добавить блок и выберите блок Ваш код.
  1. Вставьте в блок собственный код.
Была ли статья полезна?
Спасибо!
Что может сделать страницу еще лучше? Сообщение
Жаль, что так произошло
Расскажите, почему статья не была полезна. Сообщение
Спасибо за обратную связь!
Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.

Полезные ссылки

Последнее обновление: 26 марта 2024

Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.

Сообщите о проблеме
Мы постоянно улучшаем качество нашей документации. Ваш отзыв поможет нам в этом.
Укажите email-адрес, чтобы мы могли связаться с вами
Спасибо за обратную связь!