Конструктор сайтов / Как добавлять локализованное изображение на сайт
 На главную

Конструктор сайтов

  • Руководство по интеграции

  • Инструкции

  • Расширения

  • Справочники

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

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

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

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

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

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

    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. Вставьте в блок собственный код.

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

    В другой раз

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

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

    Последнее обновление: 20 июля 2021

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

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