Преимущества - Решение KOSMOS

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

Выбор шаблона и внешнего вида

Для начала выберем шаблон компонента:

Затем настроим вид отображения элементов:

Примеры настройки

Шаблон компонента — standard (kosmossite_s1) - иконки

Вид отображения элементов — Блоки (Обычный 1, 3-4 в ряд, картинка/svg-иконка (слева), с описанием)

Результат

Шаблон компонента — side (kosmossite_s1)

Вид отображения элементов — Блоки (Обычный 1, 2 в ряд, картинка/svg-иконка, с описанием)

Результат

Шаблон компонента — template.1 (kosmossite_s1)

Вид отображения элементов

Результат

Шаблон компонента — template.1 (kosmossite_s1)

Вид отображения элементов

Результат

Шаблон компонента — side (kosmossite_s1) - баннеры с гистограммой и текстом

Вид отображения элементов — Список (Прогрессбар, число из свойства элемента от 0 до 100)

Результат

Шаблон компонента — standard (kosmossite_s1)

Вид отображения элементов — Список (Прогрессбар, число из свойства элемента от 0 до 100)

Результат

Шаблон компонента — standard (kosmossite_s1) - баннеры с информацией

Вид отображения элементов — Список (Шахматка 1, с описанием)

Результат

Шаблон компонента — slider (kosmossite_s1)

Вид отображения элементов — Список (Шахматка 1, с описанием)

Результат

Шаблон компонента — side (kosmossite_s1) - цифры с диаграммой

Вид отображения элементов — Блоки (Круги 1, 2 в ряд, с названием, числом и макс. числом из свойств элемента)

Результат

Шаблон компонента — standard (kosmossite_s1)

Вид отображения элементов — Блоки (Круги 1, 2-4 в ряд, с названием, числом и макс. числом из свойств элемента)

Результат

Шаблон компонента — side (kosmossite_s1) - числа и текст

Вид отображения элементов — Блоки (Числа 1, 2-3 в ряд, с названием, числом из свойства элемента)

Результат

Шаблон компонента — standard (kosmossite_s1)

Вид отображения элементов — Блоки (Числа 1, 2-4 в ряд, с названием, числом из свойства элемента)

Результат

Шаблон компонента — side (kosmossite_s1)

Вид отображения элементов — Блоки (Числа 2, 2 в ряд, с фоном, названием, числом из свойства элемента)

Результат

Шаблон компонента — standard (kosmossite_s1)

Вид отображения элементов — Блоки (Числа 2, 2-4 в ряд, с фоном, названием, числом из свойства элемента)

Результат

Работа с инфоблоком

Далее выбирается инфоблок, из которого будут браться элементы преимуществ, а также количество выводимых элементов и количество элементов в строке.

Рассмотрим теперь создание самих элементов инфоблока преимуществ. Перейдем в соответствующий инфоблок: Панель администрирования - Контент - Контент - Преимущества.

По кнопкам "Добавить элемент" и "Добавить раздел" можно соответственно добавить элемент или раздел инфоблока преимуществ.

Создание элемента

Рассмотрим процесс создания элемента инфоблока преимуществ. Во вкладке "Элемент" обязательно необходимо заполнить поля "Название" и "Внешний код". Также можно указать начало и окончание активности элемента, добавить символьный код (если нужны символьные настройки ЧПУ) и указать сортировку элемента.

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

Во вкладке "Подробно" также можно заполнить картинку и описание элемента. Однако, для компонента преимуществ достаточно заполнение вкладки "Анонс".

Отметим, что изображение не обязательно загружать на вкладке "Анонс". Оно так же может подтягиваться из вкладки "Подробно", а может из пользовательского свойства. Подробнее об этом в статье Источник изображения.

Дополнительные настройки

Вернемся к настройке компонента преимуществ.

Обратим внимание на параметр "Свойство для отбора элементов". Эта опция меняет логику вывода элементов. Она встречается в большинстве компонентов решения Kosmos и поэтому описана отдельно в статье Свойство для отбора элементов.

В разделе "Внешний вид" настраивается заголовок и описание блока, а так же есть настройки SVG.

Заканчивается настройка компонента параметрами кэширования и сортировки. В настройках сортировки компонента указывается свойство для сортировки, а также порядок сортировки. Саму сортировку элементов можно указать в инфоблоке преимуществ по полю "Сортировка".