Автомасштабирование элементов под разные устройства внутри Flex block

В Flex block появился функционал автомасштабирования контента под устройства разной ширины. Это нововведение обеспечивает соответственное изменение пропорций элементов в блоке для мобильных устройств, ширина которых является больше либо меньше, чем ширина мобильного устройства в редакторе.

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

Тени для элемента “Фигура”

Мы добавили тени для элемента “Фигура” внутри Flex block — это позволит лучше настроить внешний вид фигур в блоке и дать им уникальный стиль. Чтобы добавить тени для фигуры, необходимо активировать переключатель “Тень” в настройках фигуры. 

Вы можете менять расположения тени по осям X и Y, устанавливая различные значения для них, размер тени и степень размытости. Также вы можете установить отрицательные значения для осей X и Y (например -30), чтобы разместить тень слева (X) или сверху (Y) относительно фигуры. 


Дублирование элементов с помощью комбинации Ctrl (Command) + C и Ctrl+V

Теперь вы можете дублировать элементы, используя комбинацию клавиш Ctrl+C и Ctrl+V (для Windows) или Cmd+C и Cmd+V (для macOS). Копия элемента появится рядом с оригиналом, будет иметь все применённые к нему настройки, и будет сразу доступна для свободного размещения в блоке. 

Отображение расстояний от элемента к краю блока и во время наложения элементов

Мы обновили отображение расстояний в Flex block и теперь вы можете увидеть расстояние от одного края элемента к другому при наложении. Для того чтобы увидеть расстояние двух элементов, что наложены друг на друга, необходимо зажать клавишу Alt (для Windows) или же Option (для macOS). Помимо этого, вы можете увидеть расстояние от элемента к краю блока, кликнув на элемент и зажав соответствующую клавишу. А также если вы приблизите элемент ближе чем на 100 пикселей к границе блока, то расстояние до неё будет отображаться автоматически.

Дублирование элементов с помощью клавиши Alt (Option)

Теперь в Flex block вы можете дублировать элементы, зажимая клавишу Alt (для Windows) или же Option (для macOS). Для этого достаточно зажать соответствующую клавишу и начать перемещать выбранный элемент. После выполнения этого действия автоматически создаётся копия выбранного объекта и вы можете сразу разместить его в нужном вам месте в блоке. 

Обводка для элемента “Фигура”

В настройках фигур стало возможным применить обводку, с помощью которой вы можете дополнительно кастомизировать фигуры в блоке. Для того, чтобы добавить обводку для фигуры, небходимо перейти в её настройки и активировать переключатель “Обводка”. Вы можете установить толщину обводки от 1 до 30 пикселей, а также изменить её цвет и стиль. Среди доступных стилей: сплошная, пунктирная и штриховая линии. 

Отправка в KeyCRM информации про статус оплаты

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

Элемент “Разделитель” в Flex block и изменение его стиля

В Flex block появился новый абсолютный элемент — “Разделитель”. Этот элемент получил новые настройки кастомизации — помимо возможности изменить длину, толщину и цвет линии, вы также можете выбирать стили разделителя. Сейчас доступны такие стили как сплошная линия, двойная линия, с прочерком и с маленьким прочерком. Также вы можете выбрать толщину линии в диапазоне от 1 до 5 пикселей.

Изменение размера сразу нескольких элементов

Мы добавили возможность изменять размер сразу нескольких элементов внутри Flex block — с помощью выделения группы элементов вы можете одновременно изменить размер каждого из них. Во время группового увеличения или уменьшения изображения, смена размера будет происходить соответственно с заданными настройками — например, если в настройках изображения включён переключатель “Масштабировать”, то это изображение будет менять размер пропорционально, и наоборот, если переключатель “Масштабировать” был выключен. Также если зажать клавишу Shift, изменение размера изображений будет всегда происходить пропорционально.

Также советуем взять во внимание, что в элементе “Текст” невозможно изменить высоту во время изменения размера группы элементов. 

Интеграция с платёжной системой RozetkaPay

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

Показать предыдущие публикацииПоказать предыдущие публикации