365  /  544
Не хватает статьи или нашли ошибку? Выделите мышкой и нажмите Ctrl+Enter

Адаптивные баннеры на главной странице

Мобильная оптимизация сайта влияет на скорость и эффективность продвижения в mobile-сегменте. Адаптивный дизайн повышает лояльность аудитории и увеличивает конверсию среди пользователей.

В Аспро: Максимум главный баннер подстраивается под размеры экрана. Действует вид «Без активной картинки», где фоновая картинка адаптируется, активная скрывается.  Начиная с версии решения 1.1.0, доступно 3 вида отображения больших баннеров на мобильных устройствах:
  1. Без активной картинки — фоновая картинка адаптируется, активная скрывается.
  2. С полем снизу под заголовок и текст — баннер адаптируется при разрешении экрана менее 767 px. Текст переносится под картинку.
  3. Отдельная картинка — отображается отдельное адаптивное изображение, если разрешение экрана менее 767 px. Оно загружается в настройках баннера. Если у какого-то баннера не будет загружена отдельная картинка, то будет адаптироваться фоновая картинка. Обязательный формат для загрузки изображения — 736х506.

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

1. Баннер без активной картинки, где текст располагается поверх картинки.


2. Баннер, где текст отображается в блоке снизу. Отличный вариант, если на всех баннерах прописан цепляющий текст. При отсутствии текста отобразится пустой блок.

3. Баннер в виде отдельной картинки. Этот тип отображения подойдет, если у всех баннеров заполнено значение «Ссылка с баннера». Отобразится только картинка без текста и кнопок. 


Чтобы выбрать тип отображения главного баннера, в административной части сайта перейдите в Аспро → Аспро: Max → Настройки. 

В блоке «Мобильная версия» в поле «Тип главного баннера в мобильной версии» выберите нужный вариант и сохраните изменения.  


Чтобы загрузить отдельное изображение, которое будет отображаться на экранах менее 767 px, нужно зайти в редактирование баннера. В административной части сайта перейдите в Контент → Реклама (aspro.max) → Реклама - Баннеры сверху → Основные баннеры. 

В строке с названием нужного баннера кликните на «Гамбургер», затем нажмите поле «Изменить».


Загрузите изображение в поле «Картинка для <768px» и сохраните изменения. Отметим, что размер картинки рекомендуется делать 736х506, чтобы изображение не было слишком тяжелым и не терялось качество.