Bricks 1.11.1 Major Update: Password Protection, Masonry Layout, WooCommerce Integration Features Explained

There are nearly 100 changes in this release, introducing dozens of fixes and improvements, as well as multiple important new features that we can cross off our roadmap. Let's take a quick look at the highlights of Bricks 1.11.1.

password protection

With Bricks, you can now locally password protect specific pages, posts, custom post types, or entire websites without additional plugins.

This new experimental feature allows you to create a password protection template that will automatically populate a sample password form. Use this form as a starting point for a fully custom designed password protection layout. Schedule when password protection is activated, specify password management methods, and more.

Documentation:https : //academy.bricksbuilder.io/article/password-protection/

Masonry Layout

Create visually appealing masonry layouts on all layout elements (sections, containers, blocks, divs).

This feature, powered by IsotopeJS, customizes responsive design by adjusting columns and spacing at different breakpoints. It works well with query loops and is perfect for dynamic posts, products or other content grids. Add custom animations while disabling the default masonry animation.

Documentation:https : //academy.bricksbuilder.io/article/masonry-layout/

Response Control Indicator

The new Response Control Indicator shows which controls have or can have different values at different breakpoints, depending on your settings.

Bricks provides several options for determining when to display this indicator, which you can set belowBricks > Settings > Builder > Control panel > Responsive control indicator::

• Displays whether any value exists (default)
• Displays whether a non-base breakpoint value exists
• Display on all response controls
• prohibit the use of sth.

Documentation:https : //academy.bricksbuilder.io/article/responsive-editing/#responsive-control-indicator

Query loop: more "sort by" options and select multiple options

Previously, you could only use one option to sort a query. Now you can select multiple "Sort By" options and "Sort" them individually. In addition, there are many more options available. You can even add your own options.

Documentation:https : //academy.bricksbuilder.io/article/query-loop/#enhanced-ordering-options

WooCommerce Conditions

Conditions in Bricks just got a major upgrade for all WooCommerce stores. You can now choose from a large number of WooCommerce-specific conditions to present your elements. Choose from product types, sales/inventory/new product status to ratings, categories and tags. The ability to conditionally render store content has just reached a new level.

Query Filter: Custom Field Integration

Bricks now supports populating Checkbox, Radio Button, Selection, and Date Picker fields from ACF and Meta Box in Query Filters.

Learn how to enable and use this opt-in feature athttps://academy.bricksbuilder.io/article/query-filters/#custom-fields-integration

Dynamic data: new @sanitize key-value pairs

Control the cleanup method applied to any dynamic label in the Text context.

By default, all dynamic tags are cleaned up using thewp_kses_postOn the other hand, this will remove tags that you may want to keep, such as shortcodes for outputting JavaScript, which may come from shortcodes of form plugins that you store in custom fields. On the other hand, this removes tags that you may want to keep, such as shortcodes that output JavaScript, which may come from form plugin shortcodes that you store in custom fields.

Prior to Bricks 1.11.1, this JavaScript would be cleaned up, causing the form to fail to run when fields were output via dynamic data tags. New.@sanitizeThe DD feature gives you control over the cleaning of DD tags.

leave forhttps://academy.bricksbuilder.io/article/dynamic-data/#sanitizeGet code samples and more details.

Locking code signatures (via PHP constants)

Have you finished adding any executable code and want to prevent anyone from adding new code?

BRICKS_LOCK_CODE_SIGNATURESStarting with Bricks 1.11.1, you can lock down code signatures by setting the new PHP constants totrueThe

Code Example:https ://academy.bricksbuilder.io/article/code-signatures/#lock-code-signatures

Editing with Bricks: Linking to Woo templates in the admin bar

With a single click in the admin bar, you can start editing the Woo template for the page you're viewing on the front end.

The following example displays the Edit Template link when viewing the Shopping Cart page:

WooCommerce: Product Upgrades/Cross-Selling "Shopping Cart Cross-Selling" Settings

If you are using product upsells/cross-sells on the cart page, please set the "Type" to "Cart Cross-Sell" or it will no longer work!

Other Highlights

• New filter:bricks/render_query_loop_trail
• New filter:bricks/builder/codemirror_config
• New filter:bricks/content/tag
• New typography settings:text-wrap
• WooCommerce: new DD tags!woo_product_badge_new