Курсы обучения
+7 (351) 777-80-70
2024.03.13

Готовые образы - Решение KOSMOS

В этом уроке мы расскажем о настройке блока "Готовые образы" на главной странице.

Начало настройки

Для начала выберем шаблон компонента. Шаблон отвечает за внешний вид блока.

2025-02-25_15-15-09.png

После этого идет настройка внешнего вида компонента, где настраивается описание элементов, вывод свойств, ссылки для перехода на детальную страницу образа

2025-02-25_15-15-55.png

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

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

2025-02-25_15-17-36.png

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

2025-02-25_15-16-32.png

Результат

2025-02-25_15-13-11.png

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

2025-02-25_15-44-42.png

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

2025-02-25_15-16-32.png

Результат

2025-02-26_10-37-28.png

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

2025-02-25_15-44-42.png

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

2025-02-26_10-39-23.png

Результат

2025-02-26_10-40-03.png

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

2025-02-25_15-44-42.png

Вид отображения элементов — Блок (Обычный 2, 2-4 в ряд, изображение 9/16, название, группа, в рамке с отступами)

2025-02-26_10-42-14.png

Результат

2025-02-26_10-43-10.png

Настройка инфоблока

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

Для того чтобы элементы выводились во вкладках:

2025-02-25_15-38-19.png

Они должны быть распределены по разделам в инфоблоке. Каждая вкладка и есть раздел. В секции Основные параметры необходимо выбрать, какие разделы нужно вывести.

2025-02-25_15-37-37.png

В секции "Источник данных" заполняем привязки свойств "Группа" и "Элементы набора"

Далее можно настроить Заголовок блока и кнопку "Показать все".

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

В конце настраивается кэширование компонента. Сортировка элементов указывается в инфоблоке готовых образов.

Кроме того, включить/отключить компонент или изменить его внешний вид можно с помощью шестеренки.

Наши решения