Как добавить локализованное изображение на сайт

Как это работает

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

Как настроить

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

  1. Откройте ваш проект в Личном кабинете.
  2. В боковом меню нажмите Конструктор сайтов.
  3. Нажмите Открыть Конструктор сайтов.
  4. В блоке Хедер настройте компонент Языки.
  5. В селекторе языков выберите те, для которых вы хотите добавить локализованное изображение.
  6. Вставьте в блок Ваш код следующий код:

Copy
Full screen
Small screen

<style>
  .localised-image {
    text-align: center;
    padding: 4em 1em;
  }
  .localised-image img {
    width: 100%;
  }
</style>  
<div class="localised-image">
  <img class="lazy loaded" data-src="https://cdn3.xsolla.com/files/uploaded/2340/d9d69114bb9f7c60f0981639aaa4bf3a.jpeg" />
</div>

  1. Для каждого изображения в атрибуте data-src в элементе img измените ссылку. Возможные варианты форматов изображения — JPEG, PNG, GIF.
  2. Чтобы добавить несколько локализованных изображений, продублируйте блок с тегом div и замените URL изображений.
  3. Нажмите кнопку Просмотр, чтобы увидеть изменения.

Ознакомьтесь с видеоинструкцией к разделу:


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

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

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

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

В другой раз

Спасибо за обратную связь!

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

Последнее обновление: 14 февраля 2023

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

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