Updates

Tailwind CSS added to the Melios Page Builder! You can now use the most loved and most hated CSS framework right in the Magento Admin panel!

To get started, update Melios Builder, then run the following command:

bin/magento melios:tailwind:download

Hot stuff 🔥

• Lifetime license is now applied for both Free and Pro editions!
• Marquee — the first premium element is available!
• Ctrl+Enter hotkey added! It allows accepting changes in modal popup without the mouse.

Important fixes 🐛

• Hyvä: fixed conflict with custom pagebuilder attributes.
• Fixed inability to add new element using keyboard when two or more PageBuilder instances are used on the page.
• Fixed too small WYSIWYG editors for Slide and Banner elements because of hardcoded 200px height.

Tiny improvements

• Fixed not working Quick Save inside Media Gallery and Variables Chooser modals.
• Livereload will no longer mistakenly update the page right after initial load.
• Livereload page is now using full-width layout.

If you are using touchpad you definitely need this update!

• Added confirmation before page unload when PageBuilder is opened and page is going to be unloaded by "back swipe" gesture.

Hyvä: fixed not working image lazy loading for the elements inserted dynamically. This could be an elements from ajax response, or elements inserted with javascript.

Background lazy loading and gap between columns are now compatible with Hyvä Themes!

• Code formatter added to the html editor! You can now format the code with a single click!
• Fixed not working livereload in Magento 2.4.7 when StripeIntegration module is installed.

• Live preview feature added!
• Improved Quick save feature compatibilty with complex third-party forms.

Fixed ability to drag existing item into root-container and wrap it into row if needed. Previously it was working for new elements only.

• Improved ability to drop any element into empty page — no need to create Row element first.
• WEBP and AVIF images are now integrated into Magento Media Gallery. Previously, modern formats wasn't visible in the Gallery.
• Removed not needed page reload after quick save when response was redirected to the same page, but with back/edit suffix.
• Fixed duplicate image width and height fields.
• Fixed inability to edit multiline SVG inside CodeMirror editor.

🐛 Two critical bugs were fixed:

• Fixed Page Builder was rendering for 5 seconds without releasing locks. This error was caused by 1.5.3 update.
• Fixed inability to resize webp/avif images.

• Allow inserting elements into empty page without need to add row component. Melios will add the row automatically!
• Fixed element placement logic when using Spotlight popup. Previously it was hard to put the element at the very top of the page.
• Fixed empty AI quick commands dropdown when trying to use it for the slider component.

Added compatibility with beautiful M137 theme. This theme is a default backend theme used in Mage-OS distribution. This means that Melios is now Mage-OS compatible!

🐛 Fixed js error when trying to use CodeMirror editor — Default textarea was renderer instead.

💄 Improved SVG preview inside CodeMirror editor. Now only the dark icons will invert their colors. See the Before/After screenshot:

🔥 A huge improvement for the HTML component fans! CodeMirror is now built into Magento HTML and Text components. Here are some important highlights:

• Dark and light modes.
• Fullscreen mode.
• Well known hotkeys.
• SVG images preview.
• Read more in our documentation

Image dimensions are now better then ever because of two new features:

• Automatic image sizes population on image change.
• Preserve aspect ratio button. No need to calculate proper height when changing the width and vice versa.

We also fixed two bugs:

• Do not change scroll position when inserting new element using spotlight popup.
• Fixed rarily empty success message when saving CMS page using Ctrl+S hotkey.

Added more responsive styles per mobile view. This feature is implemented for all existing components including the components from the third-party modules!

• Margins and paddings.
• Border width and radius.

🔥🔥🔥 AI Assistant added to the Melios Page Builder! Video and description is available in the docs.

Improved Enter and Delete hotkeys processing.

Fixes and improvements in both Free and Pro versions:

• PHP 8.4 compatibility.
• Disable tinyMCE promotion element inside menubar.
• Fixed copy to clipboard on insecure connections.
• Allow using Quick Save when widget popup is opened.
• Code optimizations for the upcoming AI Assistant

🔧 Fixed extra buttons row at the bottom of Magento gallery component — This bug was caused by the missing return value from the JS mixin file.

🐛 Fixed inability to paste the HTML code with `data-content-type` attribute into html component.

🐛 Hotfixes in both Free and Pro versions:

• Do not open the editor when accidently double-clicking the section drag handle.
• Improved Ctrl+C hotkey handling. It will no longer prevent you from copying selected text.
• Fixed Alt+0 hotkey when the legacy 2columns-left layout is used for the backend form.
• Quick-save fixes and improvements:
  • Fixed the Ctrl+S hotkey in older PageBuilder versions.
  • Improved compatibility with third-party modules.
  • Fixed possible missing validation error message.

🐛 Fixed annoying bug when Page Builder was scrolled up to the first drop target when adding new element using keyboard. Now, Melios chooses drop target from the visible part of the viewport.

🔥🔥🔥 Added ability to Copy-Paste entire Page Builder content — just move the mouse over Page Builder and press the keyboard hotkey.

Available in Free and Pro versions!