База знаний
Советы продавцам
Академия
Обучающие видео
Попробовать поиск по:
Просмотренные статьи:

Содержание

Адаптация сайта для мобильных устройств

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

Эта статья про последнюю версию Стартового сайта. Старая версия автоматически подстраивается под мобильные экраны, но не позволяет задать стиль для секций сайта. Узнать свою версию Стартового сайта.

Варианты отображения секций сайта для мобильных устройств

Вы можете выбрать, как изображения в некоторых секциях вашего Стартового сайта будут выглядеть на экранах мобильных устройств.

Доступно два варианта:

  • Картинка занимает весь экран. В этом случае изображение обрезается по краям, а текст расположен поверх него.
  • Картинка равна по ширине экрану устройства. В этом случае изображение полностью видно в верхней части экрана, а текст расположен под ним.

Вот пример того, как это может выглядеть:

Адаптация сайта для мобильных устройств2.gif

Изменение дизайна секций сайта для мобильных устройств

Вы можете настроить вид секции для обложки и промо-слайдера.

Настройка обложки на мобильных доступна только для полноэкранных способов отображения, поэтому для некоторых шаблонов вы не сможете задать дизайн секции для маленьких экранов. Вы можете поменять шаблон основной секции на вкладке Дизайн, чтобы изменить её отображение на мобильных устройствах.

Чтобы настроить отображение обложки сайта на мобильных:

  1. В Панели управления Эквида откройте СайтРедактировать сайт.
  2. В меню слева нажмите Обложка и заголовок и перейдите на вкладку Дизайн.
  3. (опционально) Измените способ отображения обложки.
  4. Нажмите Отображение на мобильном и выберите свой вариант:
    Адаптация сайта для мобильных устройств1.gif
  5. (опционально) Измените стиль и цвет фона.
  6. Нажмите Опубликовать.

Готово! Вы можете нажать Посмотреть вверху редактора сайта и переключиться на мобильный вид, чтобы посмотреть, как выглядит сайт на маленьких экранах.

Была ли эта статья полезной?

Приятно! Спасибо за ваш отзыв.

Спасибо за ваш отзыв.

Простите за это! Что было не так?
Пользователи, считающие этот материал полезным: 1 из 7
10
Мы используем cookie-файлы и сервисы аналитики, чтобы помнить о ваших предпочтениях, оценивать эффективность наших рекламных кампаний и улучшать работу сайта. Выбирая «Принимаю», вы даёте согласие на использование файлов cookie.
Принимаю Не принимаю