Мы продолжаем работу над меню «Стили сайта», превращая его в централизованное место для управления дизайн-системой сайта.

Теперь вы можете добавлять, отключать и настраивать тени кнопок непосредственно в меню «Стили сайта». Это позволяет легко менять визуальный стиль кнопок, а также создавать более выразительные и стандартизированные интерфейсы.

Тени включаются с помощью переключателя и могут настраиваться отдельно для состояний «Обычный» и «При наведении».

Откройте меню «Стили сайта» (в верхнем левом углу экрана), перейдите в раздел «Кнопки». Далее выберите элементы в меню «Мои пресеты» или «Библиотека кнопок», затем выберите «Главная» или «Второстепенная». Активируйте переключатель «Тень» в разделе «Эффекты кнопки» и задайте необходимые значения для размера, размытия, акцента и цвета.

Интеграция с «Покупкой Частями» от monobank наконец доступна для всех пользователей. monobank – это ведущая украинская платёжная система, и мы получили множество запросов на поддержку.

Теперь вы можете подключить «Покупку Частями» от monobank к своему онлайн-магазину и улучшить приём платежей от посетителей сайта. Это обновление значительно повысит эффективность магазинов, работающих с оплатой в гривне (UAH). Вы можете настроить от 3 до 25 платежей. Для товаров на опубликованном сайте, где включена «Покупка Частями», будет отображаться логотип.

Чтобы настроить интеграцию, перейдите в настройки сайта и откройте раздел «Магазин». В подразделе «Платёжные системы» найдите «Покупка Частями от monobank» и нажмите кнопку «Добавить». Для подключения вам понадобятся Store ID и секретный ключ, которые можно получить на стороне monobank.

Обратите внимание

• Поддерживается только украинская гривна (UAH). Если валюта вашего магазина другая, на странице настроек появится соответствующее уведомление.
• В корзине должно быть поле «Номер телефона» в корректном формате. Рекомендуется использовать маску для номера телефона, которую можно настроить по этой инструкции.

Подробнее о платёжных методах и полной настройке интеграции monobank читайте здесь.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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