Компоновка и информационные блоки
Собирайте вложенные структуры, всплывающие окна, списки и карточки.
Проверено по редактору:
Container
Container объединяет дочерние элементы. Используйте его для группы текста с изображением, карточки или секции с общим оформлением.
- Добавьте Container на экран.
- Разместите нужные элементы внутри него через дерево экрана.
- Настройте геометрию, отступы и поверхность группы.
- Проверьте порядок дочерних элементов и поведение при длинном тексте.
Вложенная структура видна в дереве. Перестановка элемента внутри контейнера меняет его место в группе; вынос наружу меняет его родителя и может изменить доступную ширину и наследуемое расположение.
Popup
Popup хранит содержимое всплывающего окна. Добавьте внутрь текст, изображение или другие подходящие элементы и свяжите окно с кнопкой через Show Popup.
Проверьте открытие, закрытие и работу вложенных действий в клиентском Preview. Платёжный Checkout в режиме Sheet настраивается отдельно через Show Sheet.
List, FAQ и Reviews
| Элемент | Подходящий сценарий |
|---|---|
| List | Преимущества, состав предложения, перечень шагов |
| FAQ | Компактные вопросы с раскрывающимися ответами |
| Reviews | Отзывы и связанные с ними подписи |
Заполняйте содержимое в Setup. Для общих цветов и типографики начните с темы; отдельные отклонения задавайте в Appearance.
В List поддерживаемые текстовые поля можно редактировать непосредственно на холсте. Проверяйте локализацию каждого пункта, а не только заголовка блока.
Carousel и Customer Carousel
Carousel размещает содержимое в карусели. Customer Carousel предназначен для клиентских карточек. После заполнения проверьте переходы между карточками и высоту самого длинного содержимого на мобильном экране.
Chart
Chart добавляет график. Настройте его содержимое и оформление в панели элемента, затем проверьте подписи, контраст и доступную ширину. Длинные подписи на другой локали могут потребовать больше места.
Raw
Raw добавляет пользовательский HTML. Введите код в редакторе Setup и проверьте встроенный предпросмотр. Используйте его, когда готового элемента недостаточно.
Проверяйте собственные ссылки, размеры и взаимодействия в клиентском Preview. Произвольное содержимое Raw не следует считать автоматически переведённым: проверьте результат отдельно для каждого языка.
Как выбрать
Если нужен стандартный текст, вопрос или кнопка, используйте соответствующий элемент: он уже связан с редактором, локализацией и темой. Container помогает собрать их в группу. Raw оставляйте для содержимого, которому нужна собственная реализация.