Code element: Individual code controls
You now have individual HTML/PHP, CSS, and JavaScript controls. This not only lets you better organize your code, but it also adds the following functionality:
- Auto-Close Brackets
- Auto-Close HTML Tags
- Error Syntax Highlighting (PHP, JavaScript)
- Vim (enable under: Bricks > Settings > Builder > Code Control: Vim)
All while retaining 100% backward compatibility with your existing code elements.
Better Template Management
The time of manually generating individual template thumbnails as featured images is finally over.
Bricks can now create full-page template screenshots automatically whenever you save a template or manually in bulk from the template manager in the builder.
Please enable this feature under Bricks > Settings > Templates > My Templates > Template screenshots. Featured images precede template screenshots.
For a better templating experience in the admin area, you can also enable the
Template thumbnail column setting under Bricks > Settings > Templates.
Inside the builder, you can now view your templates in a grid (masonry) or list view.
Show Modified Element & Class Settings
Another roadmap item we could check off in Bricks 1.10 is the ability to filter the element settings to view only the modified element & class settings. The element search is now permanently visible and located at the bottom of the element panel alongside the “modified settings toggle”.
Dynamic Data: Text & Image Fallback
Dynamic data has been an essential part of Bricks since day one. We are happy to announce that you can now set dynamic text and image fallbacks via the new
@fallback and
@fallback-image dynamic data filters.
Dynamic data text fallback syntax:
{acf_text @fallback:'Fallback text goes here ...'}
Dynamic data image fallback syntax using an image ID:
{acf_image @fallback-image:123}
Dynamic data image fallback syntax using an image URL:
{
acf_image @fallback-image:'
https://bricksbuilder.io/fallback-image.png'}
Better Lightboxes
Lightboxes in Bricks have also received various upgrades. Enable
Thumbnail Navigation, Captions, Padding, and Image Click Action.
More highlights:
- Popups: Support the “Populate content” setting
- Builder: Add custom HTML attributes to the canvas (from Bricks filters & element settings)
- Builder: New “Copy: Bricks ID” to clipboard button in element panel & context menu
- WooCommerce: New query loop controls (On sale, Featured, Hide out of stock, Upsell, Cross-sell)
- Page settings: “Custom CSS” breakpoint support
- Theme Styles: Links “CSS selectors” setting (extends default CSS selectors)
- Element conditions: New compare operators: Is empty, Is not empty (for dynamic data)
- Reading Time element: Support query loops
