Баннеры на главной

На главной странице сайта размещена область с баннером.

Для того, чтобы начать изменения текущего баннера, нужно во включенном режиме правки навести курсор мыши на баннер и выбрать "Изменить баннер", для удаления соответственно "Удалить баннер".



Для добавления нового баннера нужно перейти в раздел Администрирование (1) > Контент (2) > Баннеры (3) > Баннеры на главной (4) и выбрать опцию "Добавить баннер". Из административного раздела можно также Изменить (6), либо Удалить (7) баннеры.



Форма заполнения информации и настройки баннера.

1. Если у вас не отображаются какие-либо поля, представленные на скриншотах в данном уроке, то они скорее всего скрыты, вам нужно нажать на шестеренку (2), выбрать пункт Настройки и настроить форму.
2. Переходим на вкладку "Баннер".
3. Активность. Если галочка поставлена, то элемент будет отображаться для посетителей, если галочку убрать, то он сохранится в разделе "Администрирование", но в публичной части отображаться не будет. (!) Совет. Лучше не удалять элементы или разделы, а деактивировать их (убирать галочку активации), если не уверены в том, пригодится ли он в дальнейшем.
   
4. Начало активности. Если мы хотим, чтобы элемент отобразился в публичной части сайта в определенное время, то нужно установить эту дату в этом поле.
5. Окончание активности. Если мы хотим, чтобы в какой-то момент элемент перестал отображаться в публичной части сайта, то устанавливаем в это поле нужную дату.
6. Сортировка. По умолчанию сортировка - 500, выставляется число по принципу - чем ниже число, тем выше (раньше) в списке будет находиться элемент.
7. Название.

Настройка фона баннера. Фоном на баннере можно установить: цвет, изображение или видео.

8. Цвет фона. Устанавливается код цвета по Таблице HTML цветов.
9. Изображение. Можно загрузить изображение сразу с компьютера, либо через медиабиблиотеку сайта. Размер по умолчанию: 1920*350. Настроить размер можно через настройки компонента. Для этого в режиме правки наводим курсор мыши на баннер и нажимаем шестеренку:

 
Далее откроется окно с параметрами. Изменение размеров происходит в полях:



10. Фоновое видео. Видео грузится на сайт в формате *.mp4.
11. Ссылка. Здесь прописывается ссылка, которая будет открываться при нажатии на баннер.

Также на фон баннера можно установить наложение с настройками

12. цвета
13. прозрачности
14. узора

15. Переходим на вкладку "Контент".
16. Устанавливаем заголовок баннера.
17. Прописываем код цвета заголовка из таблицы HTML-цветов.
18. Прописываем текст, который будет отображаться под заголовком баннера.
19. Прописываем код цвета текста.
20. Расположение текста на баннере.
21. Кнопки. Можно добавить на баннер кнопки. Для этого нужно выбрать тип кнопки, прописать название, можно установить ссылку. Через галочку "Удалить это составное значение" после применения всех настроек кнопка удалится.
22. Для добавления новой кнопки нужно выбрать опцию "Добавить составное значение".
23. Также можем установить выравнивание картинки, установленной сверху фона баннера.
24. Загружаем картинку меньшего размера с компьютера/медиабиблиотеки сайта.
    



25. Переходим на вкладку "Анимация". Здесь мы можем настроить для заголовка текста, текста, изображения, кнопок:
26. Анимацию появления
27. Задержку анимации в мс.