1. aspro.ru
  2. Аспро: Маркет
  3. Настройка для Аспро: Маркет
  4. Главная страница — структура для Аспро: Маркет
  5. Баннеры для Аспро: Маркет
  6. Основные баннеры для Аспро: Маркет

Основные баннеры для Аспро: Маркет


Основной баннер располагается на первом экране главной страницы сайта и состоит из следующих элементов:

  • Изображение, состоящее из и детальной картинки-фона (1) и картинки анонса (2).
    Составная структура позволяет баннеру корректно отображаться на мобильных устройствах и делает более удобной работу с контентом. К примеру, вы можете менять детальную картинку или картинку анонса во время акций и распродаж, в зависимости от сезона и т.д.
  • Название (3)
  • Описание для анонса (4)
  • Кнопки (5) — элементы с призывом к действию и с привязанной к баннеру ссылкой.
    Вы можете разместить до 2 кнопок на баннере, привязав к ним разные страницы.

3ca0df14-7b5f-11f1-8fe4-fa163e2ff576

Требования к изображениям для фонового изображения зависят от выбранного типа баннера:

  • по ширине окна — 1920x400px
  • средний —1400x400px
  • узкий — 980x300px (для унификации рекомендуется также использовать изображения высотой 400px).


Оптимальные параметры для картинки анонса:

  • ширина 300-600px
  • высота 400px
  • формат изображения – PNG c альфа-каналом.


Добавлять, редактировать и удалять баннеры можно как в публичной части сайта, так и в административной панели (Контент → Реклама → Баннеры → На главной, основной баннер)

8b47a32f-7b5d-11f1-8fe4-fa163e2ff576

Мы рекомендуем работать с основными баннерами в публичной части сайта. Рассмотрим доступные возможности: 

  • «Изменить баннер» – кнопка, вызывающая окно для редактирования параметров баннера.
  • «Удалить баннер» – для удаления баннера.
  • «Добавить баннер» – вызывает окно добавления нового элемента.



33ebdde6-7b5e-11f1-8fe4-fa163e2ff576

Попробуем добавить баннер. Для этого кликнем на кнопку «Добавить баннер» и перейдем в меню создания нового элемента.

Основные настройки:

  1. Отмечаем параметр «Активность».
  2. Задаем название баннера.
  3. Задаем сортировку (порядок отображения баннеров).
  4. Загружаем картинку для анонса и детальную картинку с компьютера, из медиабиблиотеки или структуры сайта.

    f85cbef8-7b64-11f1-8fe4-fa163e2ff576

Заполняем значения свойств баннера:

  1. Класс второй кнопки и класс первой кнопки — оставляем незаполненными: стиль кнопок баннера будет задан по умолчанию. О том, как задать свои собственные классы стиля кнопок, читайте здесь.
  2. Размер — параметр, который также задается по умолчанию и выбирается в настройках решения.
  3. Расположение текста — только картинка, по центру, слева или справа.
  4. Тип баннера — задается по умолчанию и зависит от выбора цветовой схемы.
  5. Тип перехода — при клике на баннер пользователь может перейти на привязанную страницу в текущем или новом окне.
  6. Цвет текста — светлый или темный.
  7. Ссылка с баннера — ссылка на страницу, на которую пользователь будет попадать при клике на баннер.
  8. Текст первой кнопки, текст второй кнопки — соответствующий призыв к действию на кнопках баннера, которых может быть 1 или 2.
  9. Ссылка с первой кнопки, ссылка со второй кнопки — к каждой кнопке вы можете привязать свою ссылку на ту или иную страницу.

935638ce-7b63-11f1-8fe4-fa163e2ff576

Разместите описание для анонса и сохраните изменения.

b44a7bc5-7b62-11f1-8fe4-fa163e2ff576


Предыдущая статья Баннеры для Аспро: Маркет
Следующая статья Кнопки навигации на баннерах для Аспро: Маркет