Настройки блока на Главной
Настройка блока с баннерами выполняется на Главной странице. Для этого предназначена кнопка «Настроить Главную».
Кнопка видна только администраторам и пользователям, которым даны права на редактирование Главной. Если пользователь не является администратором, то помимо доступа к редактированию Главной у него должен быть полный доступ к инфоблоку Баннеров.
По клику на кнопку откроется слайдер для настройки разделов Главной страницы. Перейдите в раздел «Баннеры». Для настройки доступны следующие параметры:
Блок «Основные параметры»
-
Шаблон компонента. Поле для выбора шаблона, который определяет внешний вид карусели с баннерами. Всего доступно 2 шаблона:
-
banners_sparkle(выбран по умолчанию) -
banners
-
Внешний вид шаблона banners_sparkle:
Внешний вид шаблона banners:
Шаблоны отличаются кнопками переключения слайдов и наличием полосы времени показа. В шаблоне banners_sparkle у каждого баннера есть временная полоса — она заполняется в зависимости от длительности показа баннера. Когда временная полоса будет полностью заполнена карусель автоматически переключится на следующий баннер.
- Количество новостей на странице. Опция позволяет установить количество баннеров, отображаемых в карусели. Значение по умолчанию: 20.
Если в карусель добавлено больше баннеров, чем указано в данной настройке, например больше 15, то оставшиеся баннеры не будут выводиться на Главной и пользователи их не увидят. Доступ к этим баннерам будет только у привилегированных пользователей через слайдер управления баннерами. Подробнее о слайдере написано в статье о создании баннеров.
Блок «Сортировка»
-
Поле для первой сортировки элементов. В этом поле можно выбрать признак, по которому будет выполняться сортировка баннеров:
-
ID. Порядок баннеров в карусели будет определяться с учетом их ID. Например, баннер с наименьшим ID будет первым, а с наибольшим — последним.
-
Название. Порядок баннеров в карусели будет определяться с учетом их названия. Например, в алфавитном порядке.
-
Дата начала активности. Порядок баннеров в карусели будет определяться с учетом даты начала их активности. Например, баннер с самой ранней датой будет первым, а с самой поздней — последним.
-
Сортировка. Порядок баннеров в карусели будет определяться с учетом заданных индексов сортировки. Например, баннер с индексом 10 будет первым, а с индексом 50 — последним.
-
Дата последнего изменения. Порядок баннеров в карусели будет определяться с учетом даты их редактирования. Например, баннер с самой ранней датой будет первым, а с самой поздней — последним.
-
-
Направление для первой сортировки элементов. В этом поле можно выбрать порядок сортировки: по возрастанию или по убыванию. Например, от 1 до 10, от А до Я, от более ранней даты к более поздней, или наоборот — от 10 до 1, от Я до А, от поздней даты к ранней.
-
Поле для второй сортировки элементов. В этом поле можно выбрать дополнительный признак, по которому будет выполняться сортировка баннеров. Поле нужно для случаев, если параметры первой сортировки совпадают — например у нескольких баннеров одинаковое название или одинаковый индекс сортировки. В этом случае нужно второе условие по которому они будут расположены в карусели. Для выбора доступны параметры аналогичные пункту 1.
-
Направление для второй сортировки элементов. В этом поле можно выбрать порядок дополнительной сортировки: по возрастанию или по убыванию.
Блок «Дополнительные настройки»
Здесь обратите внимание на параметр «Поведение баннеров», с его помощью можно настроить отображение картинок в блоке с баннерами.
Для выбора доступно два варианта поведения баннеров:
-
Растягивать по ширине и пропорционально увеличивать высоту. Этот вариант выбран по умолчанию. Опция позволяет опубликовать картинку баннера без потери пропорций: никакие части изображения не будут обрезаны или скрыты из видимой области. Опция будет полезна в том случае, если изображение важно целиком разместить на баннере.
В данном случае баннер не имеет ограничений по высоте, а его максимально допустимая ширина составляет 1229px. Это значит, что чем больше разрешение экрана, тем больше баннер будет растягиваться по ширине — максимально до 1229px. А высота баннера будет меняться пропорционально ширине. Например, при разрешении экрана 1920px ширина баннера составляет 855px. Если в баннер загрузить картинку размером 1600х600, то в карусели изображение будет уменьшено по ширине с сохранением пропорций. В результате размер картинки баннера станет 855х321.
Кроме того, эта опция устанавливает единую высоту баннеров на основе баннера с наибольшей высотой. К примеру, если высота всех баннеров 100px, а одного — 300px, то для всех баннеров будет установлена высота в 300px. При этом изображение в 100px не будет растянуто в высоту до 300px, но от края изображения будет сделан отступ до 300px.
Важно учитывать, что если высота картинок в баннерах отличается, то визуально карусель баннеров будет выглядеть беспорядочно. Чтобы этого избежать мы рекомендуем заранее готовить картинки для баннеров и делать их одинакового размера.
- Растягивать по ширине, сохраняя высоту и обрезая фон. Опция позволяет автоматически подогнать картинки под один размер, чтобы сделать баннеры одинаковыми по высоте и ширине. В этом случае изображение обрезается и центрируется внутри блока баннера. Эту опцию можно использовать, если картинка нужна в качестве фона для текста и ее содержимое не требуется целиком выводить на баннере.
Когда выбрана эта опция, максимально доступная ширина баннера — 1229px, а высота варьируется от 212px до 322px (в зависимости от текущей ширины). Это значит, что чем больше разрешение экрана, тем больше баннер будет растягиваться по ширине — максимально до 1229px. А высота баннера будет меняться от 212px до 322px пропорционально ширине.
Например, при разрешении экрана 1920px ширина блока с баннером составляет 855px, а высота — 212px. Если в баннер загрузить картинку размером 1600х600, то в карусели изображение будет обрезано и выравнено по центру блока. В результате размер картинки станет 855х212 и на баннер попадет ее центральная часть.
При использовании данной опции не обязательно заранее готовить картинки для баннеров и делать их одинакового размера — модуль автоматически обрежет картинки и приведет их к единым пропорциям. Если же вам важно вывести на баннер все содержимое картинки и не потерять детали, используйте опцию из пункта 1.