Відтепер ви можете створювати групи елементів у Flex block — це дозволить вам оптимізувати час роботи над сайтом та зробить взаємодію з абсолютними елементами ще зручнішою. 

Щоб створити групу елементів у Flex block, виділіть за допомогою курсору необхідні елементи, натисніть на іконку з трьома крапками та оберіть пункт «Згрупувати». Також ви можете використовувати комбінацію Ctrl / Cmd + G.

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

Ви можете переміщувати групу елементів, редагувати елементи всередині групи, а також змінювати розмір та пропорції для деяких елементів.

Відтепер ви можете зробити свою роботу у Flex block ще зручнішою за допомогою сітки. Вона розділить ваш робочий простір на декілька колонок та допоможе точніше розташовувати елементи, які прив’язуватимуться до краю колонок при наближенні.

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

Ліворуч від перемикача знаходиться іконка налаштувань — клікніть на неї, щоб налаштувати колір та кількість колонок для вашої сітки. Ви можете встановити кількість колонок для кожного окремого девайсу, а також скористатися як попередньо налаштованими пресетами, так і обрати власну кількість або колір для колонок.

Відтепер ви можете налаштувати новий сценарій поведінки для кошика — він автоматично відкриватиметься, коли користувач натискатиме на кнопку «Купити». Це оновлення чудово підійде для магазинів із невеликим асортиментом.

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

Відтепер ви можете самостійно визначати необхідну кількість колонок у шапці сайту — від однієї до п’яти.

Для того, щоб додати нову колонку, натисніть на відповідну іконку, яка з’явиться після наведення курсору до краю існуючої колонки.

Якщо ви хочете видалити зайву колонку, натисніть на три крапки у її правому нижньому куті та оберіть пункт «Видалити».

Відтепер ви можете самостійно керувати розмірами кнопок на вашому сайті. Для того, щоб встановити кастомний розмір кнопки, перейдіть до її налаштувань та відкрийте вкладку «Стиль». У розділі «Розмір кнопки» перемкніться у режим «Кастомний» та встановіть необхідні значення у полях «Відступи».

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

Відтепер ви можете зробити будь-який блок вашого сайту глобальним. Це дасть вам можливість додати його повну копію на всі необхідні сторінки та одночасно вносити зміни до всіх блоків-дублікатів. 

Для того, щоб перетворити блок на глобальний, клацніть на іконку з трьома крапками у правому верхньому куті блока та оберіть пункт «Глобальний блок». Коли ви натискатимете на кнопку «Додати блок», він буде доступний у розділі «Глобальні блоки». За бажання ви можете дати цим блокам власні назви, клацнувши на круглу іконку з трьома крапками та обравши пункт «Перейменувати». Таким чином ви легко зможете знайти необхідний блок та додати його до будь-якої сторінки вашого сайту.

Якщо вам необхідно внести зміни до всіх блоків-дублікатів, просто зробіть це один раз у будь-якому глобальному блоці — зміни автоматично відобразяться у всіх його дублікатах.

Якщо вам необхідно внести зміни лише в одному блоці, а решту блоків лишити однаковими, то ви можете натиснути на іконку з трьома крапками та обрати пункт «Неглобальний блок». Після цього усі зміни, які ви внесете, відобразяться лише у даному блоці, а решта — наслідуватиме зміст глобальних блоків.

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

Сподіваємось, що це оновлення допоможе вам оптимізувати час роботи над сайтом та зробити процес його створення ще цікавішим.

Ми додали до редактору декілька нових можливостей, які дозволять вам більш гнучко працювати з зображеннями та галереєю.

Зміна кількості колонок для галереї на різних пристроях

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

Масштабування стилів для різних типів зображень

Відтепер ви можете налаштовувати заокруглення кутів для елементів «Зображення + картка», «Hover-ефект» та «До / Після». 

Для елементу «Hover-ефект» ви також можете налаштувати тіні. Відповідні можливості знаходяться у налаштуваннях елемента на вкладці «Стиль».

Відтепер ви можете додавати до сайту не лише верикальні, а й горизонтальні контактні форми. Це допоможе впорядкувати простір на сайті та втілити ще більше цікавих дизайнерських рішень, особливо для невеличких форм.

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

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

Для того, щоб зафіксувати кнопку, натисніть на неї у редакторі та перейдіть до її налаштувань. У налаштуваннях на вкладці «Загальні» активуйте перемикач «Прикріпити до екрану» та встановіть необхідне положення для фіксації кнопки.

Зазначимо, що встановити положення для фіксації кнопки ви можете будь-яким зручним для вас способом:

1. Введіть необхідні значення за осями X та Y у поля «Відступ збоку» та «За вертикаллю». За необхідності відрегулюйте значення стрілочками.
2. Натисніть на квадратну іконку праворуч від налаштувань відступів, щоб прикріпити кнопку до певної частини екрану без чіткої прив’язки до координат.
3. Перетягніть кнопку за допомогою миші, щоб встановити її у будь-якому зручному для вас місці.

Також ви завжди можете деактивувати перемикач «Прикріпити до екрану» — у цьому випадку кнопка повернеться до структури блоку та не буде фіксуватися під час скроллу.

Відтепер ми автоматично додаємо попередньо налаштовану сторінку успішного замовлення до всіх нових інтернет-магазинів. Це невеличке оновлення допоможе вам оптимізувати час роботи над сайтом, особливо якщо ви продаєте цифрові товари — оновлена сторінка успішного замовлення містить всі необхідні блоки та елементи, які дозволять вашим клієнтам завантажити придбані товари або переглянути деталі покупки одразу ж після оплати.

Сторінка успішного замовлення доступна у менеджері сторінок на вкладці «Магазин». За потреби ви можете змінити її структуру та зовнішній вигляд.