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

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

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

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

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

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

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

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

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

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

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

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

Оценить страницу

Что может сделать страницу еще лучше? Отправить

В другой раз

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

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