👯‍♀️ Группа как объект в Zero Block

Теперь вы можете превратить группу объектов в отдельный объект и задать для него настройки. Это удобно, если вы хотите задать анимацию группе элементов, добавить ссылку на карточку из нескольких элементов, вращать сгруппированные элементы и многое другое. Разберем подробнее новую настройку.

В чём разница между logical и object группами в Zero Block?

Если коротко — элементы в каждой из групп ведут себя по-разному.

🙌 В логической группе настройки применяются к каждому элементу в группе по отдельности. Предположим, вы хотите изменить цвет фона у логической группы элементов, которая состоит из текстов и шейпов. В этом случае изменится цвет фона только у шейпов. По аналогии произойдёт с цветом и размером текста — настройки применятся только к тексту.

🙌 В объектной группе настройки применяются к группе, как к элементу. То есть можно представить, что объектная группа элементов — это единый «новый» элемент.

Давайте сделаем группу из предыдущего примера объектной. В этом случае настройка цвета фона будет применяться к фону всей группы, а не к шейпам. А настройка цвета и размера текста пропадёт.

Также для объектной группы добавлены новые настройки — возможность задать задний фон, тег, внутренний отступ от всех элементов (padding) и многое другое.

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

Для форм нулевого блока в поле типа «Вопрос с вариантами ответа» также добавлена возможность предложить пользователю указать свой вариант ответа.

Где найти: Add Form → Input Fields → Question with answers → Enable custom answer input

Панель для настройки тени у кнопок

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

Вы можете выбрать тень из готовых пресетов, настроить её вручную или вставить параметры в css-формате.

Настройка тени доступна как для кнопки в обычном состоянии, так и для эффекта при наведении.

Где найти: Настройки блока → Кнопка → Дополнительные настройки

Оценочная шкала в формах

В формах базовых блоков появился новый тип поля — Оценочная шкала. Доступны два варианта отображения: числовая шкала и в виде иконок.

Для числовой шкалы можно задать минимальное и максимальное значение, например, от 1 до 5.

Для шкалы в виде иконок указывается количество иконок в поле — от 3 до 10.

Для первого и последнего значения можно добавить текстовое описание, чтобы сделать шкалу более понятной. Например, от «очень плохо» до «отлично».

🌿 Ветвление вопросов на основе ответов в формах

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

Как это работает:
1. Добавьте вертикальную или пошаговую форму на страницу, например, блок BF204N.
2. Перейдите в раздел Контент → Поля для ввода → в поле №2 или в последующих нажмите Ещё.
3. Выберите действие — показывать или скрывать это поле
4. Добавьте одно или несколько условий, при которых действие сработает. Например, если в поле №3 значение содержит слово «шкаф», то на следующем шаге №4 можно предложить услугу сборки мебели.

Подробную информацию о том, как настроить логику отображения полей читайте в статье: https://help-ru.tilda.cc/forms/field-visibility-conditions

🌟 Стилизация индексной страницы в Личных кабинетах (Members)

Вы можете настроить дизайн страницы со списком групп, в которых состоит пользователь. Рассказываем, как стилизовать индексную страницу в Личном кабинете.

Над списком групп и под ним можно добавить тексты, изображения и видео, в зависимости от ваших задач. Например, до списка групп можно добавить приветственный текст, который объяснит, что за ссылки расположены ниже. А под списком групп вы можете рекомендовать свой курс или оставить свои контактные данные, если у поставщика возникнут вопросы.

Также вы можете изменить дизайн самой страницы — настроить фоновое изображение или цвет фона, изменить радиус скругления контейнера, выровнять текст, задать размер шрифта и многое другое. Высота плашки со списком групп настраивается автоматически в зависимости от количества групп, в которых состоит человек.

Где найти: Настройки личного кабинета → Дополнительные → Настройки индексной страницы.

🌝 Виджет для настройки фона блока

Работать с обложками и блоками из некоторых других категорий стало удобнее. По клику на иконку в левом нижнем углу откроется виджет для быстрого редактирования фона блока.

🙌 Выберите во вкладке, что именно вы хотите отредактировать — фоновое изображение, цвет или видео, задайте необходимые настройки и сохраните изменения.

Обратите внимание, что сохранённые изменения будут отображаться только с активного таба настроек — либо для фонового изображения, либо для цвета, либо для видео. Это удобно, когда вы хотите, например, быстро заменить фоновое изображение на цвет — теперь изображение не придётся удалять.

Также вы по-прежнему сможете менять все параметры блока на вкладках «Настройка» и «Контент».

Настройка открыта для почти всех блоков из категории «Обложка», а также для блоков с номерами IM02, IM05, IM06, TX14, TX15, BF303, BF308N, BF309N, BF311N, ST215, FT401, AB801, AB802, CN201, FR501N, FR502N, TS208, TS301N, TS302N, TM501, TM502, PR401N.

😊 Виджет выбора эмоджи в блоках с иконками

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

На данный момент доступно 4 стиля эмоджи — 3D, цветной, плоский и монохромный. В дальнейшем список поддерживаемых эмоджи и их стилей будет расширяться.

Виджет работает во всех блоках с иконками.

Виджет открыт для всех настроек тени в блоках — тень для карточек, виджетов и меню. Работает во всех базовых блоках, кроме Каталога и Потоков.

💫 Виджет выбора иконок в редакторе

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

Виджет работает во всех базовых блоках с иконками.

⭐️ Продажа доступа к нескольким единицам контента через одну корзину

Теперь вы можете продавать разные единицы контента из Личного кабинета (Members) через одну корзину. Это удобно, если ваш курс состоит из нескольких модулей, у курса есть тарифы с разным доступом к материалам, или вы продаете иллюстрации, код, аналитические отчеты и так далее. Человек сможет выбрать разные единицы вашего контента из Каталога, разом их оплатить и получить доступ к закрытому личному кабинету (Members) со всеми материалами.

Как подключить покупку доступа к нескольким группам — читайте в статье: https://help-ru.tilda.cc/membership#bulk-purchase

🐊 Эмодзи в текстах, формах, а также в названиях проектов, страниц и папок

Теперь вы можете добавлять эмодзи в текст в редакторе. Эмодзи будут отображаться для текстовых полей во всех блоках, включая формы и Zero Block. Также они будут доступны для отображения в названиях проектов, страниц и папок.

Вы можете открыть панель для выбора эмодзи, нажав Fn + E для Mac или Windows + Ю для Windows. Или скопировать эмодзи со сторонних ресурсов, например, emojipedia.

Обратите внимание, что внешний вид одного эмодзи будет меняться в зависимости от устройства посетителя сайта.

👁 Предпросмотр изменений во время редактирования блока во вкладке «Настройки»

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

После внесения всех изменений не забудьте нажать кнопку «Сохранить и закрыть» или «Сохранить», чтобы сохранить внесенные на странице изменения. Если выйти без сохранения, изменения не будут применены.