Откройте редактор сайта
В админке Яндекс КИТ откройте «Редактор сайта» и нажмите «Редактировать».
Слайдер с прогрессом 01
ГлавнаяМедиаКонтентный слайдер с крупными изображениями, стрелками, свайпом и индикатором прогресса.
Добавить в Яндекс КИТ
Нужно скопировать три файла в редактор - это просто.
Создайте кастомную секцию
Перейдите во вкладку «Секции» и нажмите «Добавить секцию». Если пункта нет — .
Создайте кастомную секцию
В блоке «Кастомные секции» нажмите «Создать секцию».
Вставьте HTML, CSS и JSON Schema
Скопируйте три файла выше. Откройте вкладки HTML, CSS и JSON Schema, вставьте код и сохраните секцию.
4Заполните карточки
Загрузите изображения через документированный ImageModel. Подпись, название и ссылку LinkSource заполните вручную. По умолчанию включены 6 карточек, остальные можно включить переключателем «Показывать». Если ссылка пустая, карточка останется без перехода. В превью KIT Apps используются демо-фото.
5Сохраните и добавьте на страницу
Нажмите «Сохранить» и перетащите секцию на главную — обычно под шапку или перед каталогом.
Нужно больше, чем готовая секция?
Посмотреть услуги →KIT Agency разрабатывает, настраивает и продвигает магазины на Яндекс КИТ.
Вам также может подойти
Слайдер баннеров 01
Посмотреть →Слайдер изображений с заголовками, кнопками и переходами на нужные страницы.
Отзывы покупателей 02
Посмотреть →Слайдер отзывов покупателей с рейтингом, преимуществами и кнопкой.
Бесконечная фотогалерея 01
Посмотреть →Движущаяся фотогалерея из крупных и компактных изображений с бесконечным плавным скроллом.