Теперь вы можете создавать группы элементов в Flex block — это позволит вам оптимизировать время работы над сайтом и сделает взаимодействие с абсолютными элементами ещё удобнее.

Чтобы создать группу элементов в Flex block, выделите при помощи курсора необходимые элементы, нажмите на иконку с тремя точками и выберите пункт «Сгруппировать». Также вы можете использовать комбинацию Ctrl / Cmd + G.

Для того, чтобы разгруппировать элементы, выделите необходимую группу, нажмите на иконку с тремя точками и выберите пункт «Разгруппировать». Также вы можете использовать комбинацию Shift + Ctrl / Cmd + G.

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

Теперь вы можете сделать свою работу в Flex block ещё удобнее с помощью сетки. Она разделит ваше рабочее пространство на несколько колонок и поможет точнее располагать элементы, которые будут автоматически привязываться к краю колонок при приближении.

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

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

Теперь вы можете настроить новый сценарий поведения для корзины — она будет автоматически открываться, когда пользователь нажмёт на кнопку «Купить». Это обновление отлично подойдёт магазинам с небольшим ассортиментом.

Для того, чтобы настроить автоматическое открытие корзины сразу после добавления товара, сначала откройте в редакторе страницу товара (откройте менеджер страниц, который находится в левом верхнем углу редактора, перейдите на вкладку «Магазин» и выберите «Страница товара»). Затем откройте настройки деталей товара, перейдите на вкладку «Действие» и выберите вариант «Добавить в корзину и открыть корзину» в разделе «Действие при нажатии».

Теперь вы можете самостоятельно определять необходимое количество колонок в шапке сайта — от одной до пяти.

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

Если вы хотите удалить лишнюю колонку, нажмите на три точки в её правом нижнем углу и выберите пункт «Удалить».

Теперь вы можете самостоятельно управлять размерами кнопок на вашем сайте. Для того, чтобы установить кастомный размер кнопки, перейдите в её настройки и откройте вкладку «Стиль». В разделе «Размер кнопки» переключитесь в режим «Кастомный» и установите необходимые значения в полях «Отступы».

Также вы можете продолжать использовать стандартные размеры кнопок. Для этого перейдите в режим «Пресеты» и выберите необходимый вариант. Вы можете одновременно использовать как кастомные, так и предварительно настроенные кнопки, так что теперь у вас есть ещё больше возможностей для творческого и уникального оформления ваших проектов.

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

Чтобы превратить блок в глобальный, нажмите на иконку с тремя точками в правом верхнем углу блока и выберите пункт «Глобальный блок». Когда вы нажмёте на кнопку «Добавить блок», он будет доступен в разделе «Глобальные блоки». При желании вы можете дать этим блокам собственные названия, нажав на круглую иконку с тремя точками и выбрав пункт «Переименовать». Таким образом вы легко сможете найти необходимый блок и добавить его на любую страницу вашего сайта.

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

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

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

Надеемся, что это обновление поможет вам оптимизировать время работы над сайтом и сделает процесс его создания ещё интереснее.

Мы добавили в редактор несколько новых возможностей, которые позволят гибче работать с изображениями и галереей.

Изменение количества колонок для галереи на разных устройствах

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

Масштабирование стилей для разных типов изображений

Теперь вы можете настраивать скругление углов для элементов «Изображение + карточка», «Hover-эффект» и «До / После». 

Для элемента «Hover-эффект» вы также можете настроить тени. Соответствующие возможности находятся в настройках элемента на вкладке «Стиль».

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

Горизонтальные контактные формы доступны в виде элемента «Горизонтальная форма», который вы можете добавить к любому обычному блоку или Custom block на вашем сайте. Кроме того, мы добавили несколько готовых блоков, которые содержат горизонтальную контактную форму, к категориям «Контакты», «Подвал сайта» и «Призыв к действию».

Теперь вы можете закрепить кнопку в конкретном месте на экране, чтобы она всегда оставалась в поле зрения пользователя, даже когда он листает страницу. В данный момент этот функционал доступен только для элемента «Кнопка» в составе готового блока или Custom block.

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

Здесь подчеркнём, что установить положение для фиксации кнопки вы можете любым удобным для вас способом:

1. Введите необходимые значения по осям X и Y в поля «Отступ сбоку» и «По вертикали». При необходимости отрегулируйте значения стрелочками.
2. Нажмите на квадратную иконку справа от настроек отступов, чтобы прикрепить кнопку к определённой части экрана без чёткой привязки к координатам.
3. Перетащите кнопку с помощью мышки, чтобы установить её в любом удобном для вас месте.

Также вы всегда можете деактивировать переключатель «Прикрепить к экрану» — в этом случае кнопка вернётся в структуру блока и не будет фиксироваться во время скролла.

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

Страница успешного заказа доступна в менеджере страниц на вкладке «Магазин». При необходимости вы можете изменить её структуру и внешний вид.