Как добавить локализованное изображение на сайт
Как это работает
Вы можете добавить на ваш сайт изображение с текстом, написанном на определенном языке, с помощью пользовательского HTML-кода. Данная возможность позволяет сделать сайт более информативным для пользователей из разных стран. Вы можете использовать готовое решение или добавить свой код.
Как настроить
Использование готового решения
- Откройте ваш проект в Личном кабинете.
- В боковом меню нажмите Конструктор сайтов.
- Нажмите Открыть Конструктор сайтов.
- В блоке Хедер настройте компонент Языки.
- В селекторе языков выберите те, для которых вы хотите добавить локализованное изображение.
- Вставьте в блок Ваш код следующий код:
Copy
- html
<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>
- Для каждого изображения в атрибуте
data-src
в элементеimg
измените ссылку. Возможные варианты форматов изображения — JPEG, PNG, GIF. - Чтобы добавить несколько локализованных изображений, продублируйте блок с тегом
div
и замените URL изображений. - Нажмите кнопку Просмотр, чтобы увидеть изменения.
Ознакомьтесь с видеоинструкцией к разделу:
Добавление собственного кода
- В окне конструктора нажмите Добавить блок и выберите блок Ваш код.
- Вставьте в блок собственный код.
Была ли статья полезна?
Спасибо за обратную связь!
Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.Оценить страницу
Оценить страницу
В другой раз
Спасибо за обратную связь!
Полезные ссылки
Последнее обновление: 14 февраля 2023Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.