Что такое компоненты и как их добавлять

Сайт собирается из компонентов — готовых блоков с предзаданным дизайном и функциональностью. Например, hero-секция, каталог товаров, форма обратной связи — это всё компоненты.

Категории компонентов

• Hero — большая секция в начале страницы с заголовком и призывом к действию (5 вариантов оформления)
• Каталог — отображение товаров: сетка, таблица, галерея, витрина (3-4 варианта)
• Контакты — формы и карты (5 вариантов)
• Отзывы — карусель, сетка, минималистичный список
• Шапка / Подвал — управляются отдельно через Layout

Добавление компонента

1. В режиме редактора наведите курсор между двумя секциями.
2. Появится кнопка «Добавить выше» или «Добавить ниже».
3. Откроется библиотека: слева список компонентов, справа превью.
4. Выберите → нажмите «Добавить». Компонент появится сразу с демо-настройками.

Настройка компонента

У каждого компонента свои параметры. Откройте floating toolbar → «Настройки». Например, для каталога:

• Вид по умолчанию: плитка / таблица
• Количество товаров на странице
• Сортировка: по дате / цене / популярности
• Показывать ли фильтр по категориям
• Заголовок секции

Свои собственные компоненты

Если штатные не подходят — создайте свой:

1. В библиотеке откройте любой компонент → нажмите «Скопировать».
2. Скопированный попадёт во вкладку «Мои компоненты».
3. Откройте его в редакторе кода (вкладка «Код» в floating toolbar) и измените Liquid/CSS.
4. Используйте на любой странице как обычный компонент.

Системные компоненты vs пользовательские

• Системные обновляются с платформой — мы добавляем фичи, исправляем баги. Если переопределите ключ системного компонента своим — будете работать со своей версией.
• Пользовательские привязаны к вашему сайту, не влияют на других пользователей платформы.

Частые вопросы

Можно ли использовать один компонент дважды на одной странице?

Да. Каждое размещение независимо: настройки и контент свои.

Что если нужен компонент, которого нет?

Напишите в поддержку — добавим в roadmap. Если срочно — закажите у нас или фрилансера разработку кастомного.