Элемент "Группа элементов" - это элемент, который содержит несколько элементов.
Группировку элементов можно использовать с целью перемещения сразу нескольких элементов на странице, копирование или удаление нескольких элементов, а также для выравнивания группы элементов относительно границ страницы или других элементов.
Группировка элементов позволяет создать стиль для нескольких элементов и скопировать его. В случае если вам необходимо сделать перечисление товаров и услуг или перечислить характеристики вашего продукта, вы можете использовать группировку элементов. Создайте стиль оформления одной группы элементов (например, картинка и текст) и затем скопируйте её нужное количество раз. После этого редактируете текст и картинку.
Группировку также можно применять при адаптации вашей страницы к мобильной версии сайта. При создании мобильной версии элементы смещаются и переносятся на строку ниже. Чтобы элементы не перемешивались в случайном порядке группируем их. Например, картинка группируется с текстом, тогда в мобильной версии эти элементы будут идти по порядку: сначала картинка, затем текст.
Как создать группу
Чтобы объединить элементы в группу выделите все элементы и нажмите кнопку "Группировать" в верхнем левом углу выделенного поля. После этого вы можете работать с группой элементов: перемещать, копировать, выравнивать по краю, удалять и т.д.
При необходимости вы можете отменить группировку элементов. Для этого выделите группу и нажмите кнопку "Разгруппировать" в нижнем левом углу выделенного поля.
Перемещение группы элементов
Чтобы переместить группу элементов целиком не выделяйте её, а передвиньте нажатием левой кнопки мышки. Если выделить группу элементов, то перемещаться будут элементы внутри группы. Вы можете их перемещать или удалять из группы. Для этого просто вынесите элемент за пределы границ группы.
Во время перемещения элемента родительский элемент всегда подсвечивается желтым цветом. Группа - это родительский элемент, в состав которого входят другие элементы. При перемещении элементов внутри группы - группа подсвечивается желтым цветом. Если вы переносите элемент из группы, то желтым цветом будет подсвечиваться раздел сайта. Раздел становится родительским элементом для исключенного из группы элемента.
Выравнивание группы элементов
Чтобы выровнять группу элементов внутри раздела страницы выделите группу целиком и используйте настройки Выравнивание в меню слева. Также вы можете перемещать группу элементов с помощью перетаскивания группы по разделу. Автоматически будут показаны направляющие, которые помогут вам выровнять группу по краю, по центру, или относительно других элементов на странице.
Чтобы выравнять элементы внутри группы необходимо выделить только один элемент внутри группы. Передвиньте элемент внутри группы. Вы увидите направляющие линии, которые помогут вам выровнять элемент относительно других элементов в группе.
Общие
Общие настройки. Цвет фона. Вы можете устанавливать фон для группы элементов. Для этого выделите группу элементов и в меню справа выберите цвет фона. Чтобы увеличить область фона группы раздвиньте границы - потяните за уголки группы. Размер фона группы увеличиться и цветной фон будет крупнее элементов внутри группы.
Поле "Показать на экране" (мобильный телефон, компьютер). Выбирая устройства, вы можете адаптировать страницу для разных устройств, с которых гость заходит на страницу.
Продвинутые
Рамка. Можно настроить рамку для группы элементов: стиль рамки (сплошная, пунктирная, точечная, двойная, внутрь, вовне), толщину рамки, цвет. А также можно изменять стороны рамки. Например, добавить только одну сторону или две.
Скругление углов. Можно настроить скругление углов для рамки или фонового поля. Скругление также можно настроить с разных сторон по-разному: только с одного угла или с двух.
Тень. Создаём тень вокруг группы элементов, регулируем смещение и размытость. А также цвет тени.
Тень текста. В этом разделе можно создать тень для текста внутри группы элементов. Отрегулировать смещение и размытость. А также цвет тени.
Условный показ. Данная функция будет скрывать или показывать выбранный элемент от посетителя. Например, если необходимо показать специальное предложение новому пользователю, а затем скрыть это предложение и больше не показывать. Включите "Условный показ". Выберите "Показать" - если необходимо показать элемент, или "Скрыть" - если хотите скрыть его от посетителя. Затем выберите условие: первый визит, повторный визит, продукт имеет спец предложение и уже зарегистрировался.