В этой секции вы можете размещать элементы в специальных ячейках (очень похоже на готовый блок Группа), только теперь эта Группа уже встроена в секцию, вам остаётся лишь наполнить её другими блоками.
Готовую карточку можно клонировать, чтобы лишний раз не повторять одни и те же действия:
Лишние карточки остаётся просто удалить:
Вы всегда можете изменить порядок, потянув за три полоски слева в списке карточек:
В слотах сверху и снизу можно размещать любые блоки:
При желании можно скрыть верхний и нижний слоты в разделе Структура — шапка и подвал секции:
Останется только настроить внешний вид секции и карточек:
Кстати, в настройках фона карточки можно использовать градиент:
По умолчанию в настройках секции включено приподнятие карточек при наведении, его можно отключить в настройках стилей карточки — Эффекты при наведении:
В мобильной версии данные карточки будут показываться в слайдере, и их можно будет просто свайпать:
Интересно оформлять сайт стало ещё удобнее! В такой секции карточки и картинки размещаются в шахматом порядке в ПК-версии, а в мобильной — происходит чередование: картинка-карточка-картинка-карточка. Как выглядит такая секция на ПК и мобильных:
Ранее необходимо было создавать отдельную секцию только для мобильных, т.к. при размещении элементов в шахматном порядке в ПК-версии, на мобильных был порядок: картинка-текст-текст-картинка. Пример:
Теперь можно обойтись без копии секции для мобильных и собирать ваш сайт ещё быстрее!
Давайте посмотрим, как работать с такой секцией. Чтобы поменять текст заголовак и подзаголовка просто выделите текст и начните печатать свой. При желании отображение заголовка и подзаголовка можно отключить в настройках секции — раздел Структура:
Как поменять картинку? Откройте настройки секции, раздел Контент, кликните на 3 точки рядом с нужной карточкой, в открывшемся окне нажмите "Загрузить", чтобы выбрать изображение и выберите подходящую позицию:
Вы можете поменять пропорцию картинок, если они занимают слишком много места в разделе Дизайн — Картинка:
В карточках без картинки вы можете размещать любые необходимые блоки, просто перетаскивая их внутрь карточки:
Затем можно сделать секцию чуть поинтереснее, поиграв с настройками дизайна:
А ещё в секции Плитка можно сделать так, чтобы картинка становилась цветной при наведении. Для этого перейдите в раздел Дизайн — Картинка:
Также вы можете настроить затемнение картинки и включить увеличение при наведении:
Новые секции открыты в раннем доступе и находятся в категории «Новинки (beta)».
Вот так просто можно работать с динамическими секциями mottor :)