Гибридная сетка объединяет преимущества базовых секций и возможности свободных элементов.

На основе базовых секций можно быстро собрать секцию с готовой структурой, уже продуманную дизайнерами и готовую для адаптива. Базовые секции можно дорабатывать: менять макет, настраивать контент-зоны, удалять и добавлять новые элементы. Для добавления доступно больше 30 элементов: текст, изображения, карты, кнопки, иконки и другие.

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

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

При перемещении карточки привязанные к ней свободные элементы будут перемещаться вместе с карточкой при изменении порядка, количества и размера карточек.

При привязке к нижнему углу элемент фиксируется и не реагирует на изменения высоты колонки/карточки.

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

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

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

Как привязать элемент. Элемент автоматически привязывается к ближайшей контент-зоне. Для привязки к контент-зоне элемент должен пересечь ее хотя бы на пиксель.

Исключение. Элементы, которые не помещаются в контент-зону — не привязываются автоматически. Вы можете выбрать привязку вручную. Для этого разместите элемент над нужной областью и выберите контейнер через Контекстное меню → Позиционирование → Контейнер.

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

Как отвязать элемент. Нужно полностью вынести элемент из контент-зоны.

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

Настройка высоты контент-зон. Вы можете самостоятельно задавать высоту контент-зон даже в базовых секциях. Подробнее можно прочитать в статье про ресайз колонок и карточек.