Release 2.2

November 20, 2023
18 changes

we’ve got some exciting updates to share with you!

 

Say hello to the Responsive Helper

 

Verifying the responsiveness of your design across various breakpoints can be a challenging task. However, our new Responsive Helper makes it a breeze. Simply double-click on any device icon to adjust the preview screen to both the minimum and maximum values of each breakpoint. Utilize the “resize” slider for a swift examination of your design on all possible viewport width.

 

Get ready for the Draggable Structure Panel

 

Want the flexibility to detach the structure panel and position it anywhere within the window? AT simplifies the process for you: simply double-click on the structure’s header to toggle between docking and undocking the structure panel. Move it around freely using drag-and-drop. Additionally, you have the option to resize the undocked panel to your preferred size.

Enable / Disable any Bricks element

 

Whether you’re aiming to hide particular elements that you don’t plan to use in the builder or looking to prevent them from being loaded on the server entirely, Advanced Themer empowers you to achieve this with just a few clicks!

 

…and like always, this release includes tons of bug fixes and small UX enhancements!

Hope you’re excited about these awesome updates!

 

Verifying the responsiveness of your design across various breakpoints can be a challenging task. However, our new Responsive Helper makes it a breeze. Simply double-click on any device icon to adjust the preview screen to both the minimum and maximum values of each breakpoint. Utilize the “resize” slider for a swift examination of your design on all possible viewport width.

Whether you’re aiming to hide particular elements that you don’t plan to use in the builder or looking to prevent them from being loaded on the server entirely, Advanced Themer empowers you to achieve this with just a few clicks!

Want the flexibility to detach the structure panel and position it anywhere within the window? AT simplifies the process for you: simply double-click on the structure’s header to toggle between docking and undocking the structure panel. Move it around freely using drag-and-drop. Additionally, you have the option to resize the undocked panel to your preferred size.

You can now import/export/reset new data from the backend, such as: the global classes, the color palettes, the theme styles, the global CSS variables and AT's theme settings.
The grid guide feature has been revamped: you can now set a different number of columns/gap/color for each breakpoint. The settings are fully integrated with the builder (new option icon in the topbar). The backend options have been deprecated.
In cases where both "Lock ID Styles" and "Tab shortcut" features were enabled, and the "content" shortcut wasn't toggled on, a javascript error would fire and prevent the other builder tweaks from working correctly. This has been fixed.
SuperPower CSS stopped working correctly after opening the interaction/condition panel inside the builder. It also wasn't mounted correctly if no custom element settings were set. A new keyboard shortcut has been added: the current media query (q/Q + c ). The CSS suggestion dropdown wasn't sorting the values correctly. Finally, the string media query string…
In some rare cases, a fatal error was produced by version 2.1.1 with the following log: "Uncaught Error: Class "Bricks\Elements" not found in /app/data/public/wp-content/plugins/bricks-advanced-themer/classes/builder.php:461". This has been fixed.
In some cases, the clamp functions for global variables were incorrectly calculated based on a 10px base font-size even when a different base font-size was set in the theme settings. This error was visible inside the builder only - it didn't affect the frontend.
The Plain Classes builder tweak has been slightly improved: the order of the classes inside the textarea wasn't always reflected in the final global classes order. This has been fixed.
The "Preview Classes on Hover" builder tweak has been slightly improved: the script was regenerating the styles of the global classes each time you hovered over a class name inside the class suggestion dropdown. It now generates the correct styles only when you open the class dropdown - which results in an overall improved performance.
When using the "bulk duplicate classes" feature of the Class Manager, the option to remove the original class from the element wasn't working as expected. This has been fixed.
When opening the Structure Helper inside a template page (including header/footer), the element list was not correctly loaded and thus, was empty. Now, the Structure Helper should be working on any post/page/template.