Bricks 2.0 Update: Building Modular, High-Performance WordPress Websites

What are Bricks?

Bricks anComplete WordPress ThemeIt'sBricks Builder Powerful functional modularity for building highly customizable, responsive, high-performance websites.

What can Bricks do?

• Customize page layout: Supports pixel-level design control
• WooCommerce Store Builder: Designing a complete e-commerce frontend without code
• pop-up system: Built-in Popup Builder to create popup ads, forms, etc.
• menu builder: Support for multi-tiered, custom-styled responsive menus
• Dynamic Content Support: Perfectly compatible with field plug-ins such as ACF, MetaBox, JetEngine, etc.
• Reusable component system: One update, multiple synchronizations
• CSS Class and Variable Management: Modular management for easy maintenance
• Responsive Design Tools: Support for custom breakpoints, mobile-first support

Bricks 2.0 Update

Updated Recommendations

• treat (to a meal etc)Prioritize testing at local or staging sitesUpgrade Effect.
• In the backend of the Bricks > Settings > General Run the Global Element Converter to convert old global elements to new components.

• Checking the display of front-end styles, theCSS Cascade Layers are enabled by default., may affect the old style.
• If multiple roles are editing Bricks content, it is recommended that you enable the Bricks > Settings > Builder Access The "Builder Capabilities" function in the
• Test for errors before updating the official site.

Overview of new features in Bricks 2.0

🧱 Builder enhancements

• Builder capability control: Provides more than 50 permission points for fine-grained control over who has access to what content, components, and styles.
• Element Manager: Enable/disable elements in the builder to streamline the interface.
• font manager: Locally host Google Fonts, manage Adobe, custom fonts.
• Icon Manager: Upload, manage SVG icon sets, preview, search, enable/disable.
• command panel: Shortcut operations CMD/CTRL+K for quick navigation, adding content, structure, etc.
• Quick access bar: Keyboard for quick navigation through groups of elements to improve editing efficiency.

🎨 Style and Visual Controls

• Visual CSS Grid Editor: Support for drag-and-drop design of responsive Grid layouts.
• Inheritance indicator: See if the current style inherits from a class, breakpoint, or pseudo-class.
• Selector UI Improvements: Full visual control of any element style, including pseudo-classes.
• Theme Style Sheets: New Stylesheet control group to add custom CSS.
• SVG style support for breakpoints and class control: Edit SVG icons in visual style.
• Categorized Classes and Variables drop-down menu: Helps manage large style systems.

🔧 Workflow and editorial experience enhancements

• interface reconstruction: The UI is clearer and more uniform.
• Batch Edit Elements: Select multiple elements at once for style modification or structure manipulation.
• Right-click to unwrap an element: Click to unpack the element.
• Color Variable Visual EditorThe
• Hide Element Switch: Support for hidden elements in the foreground/editor.
• Isolated Element Scanning and Cleanup: Automatically detects invalid/missing builder elements.

🧩 Component and Structure Updates

• nested component: Components within the support for re-nested components, modularization is more thorough.
• Component functionality officially stabilized: Exit the experimental phase.
• Component Property Type Extension: Support for toggles, dropdowns, class selectors, etc. to enhance component dynamics.

⚙️ Performance and Technology Changes

• Builder Render Logic Refactoring: Faster loading and operational response.
• Cascade Layers are enabled by default: Clearer hierarchy and stronger style segregation.
• Global elements are deprecated: Completely replaced by the component and needs to be migrated with a converter.

🛠️ Elemental Enhancements

• Form element: new Webhook action, which can be used to integrate with third-party systems.
• Map Element Support Query Loop with synchronous renderingThe dynamic display of multiple geographic locations.
• WooCommerce: New Graphical Options for Product Variants(colors, pictures, text).
• Support for WooCommerce Interaction Events, such as adding/removing shopping carts, coupons, etc.

Bricks Core Module Features (Highlights)

Menu Builder

Design fully customizable and responsive desktop and mobile menus, supporting nested navigation, Mega Menu, vertical/horizontal menus and other forms to meet the needs of complex site navigation.

WooCommerce Builder Store Builder

Build a complete mall without other plugins, including product pages, category pages, shopping carts, checkout pages, etc. to improve conversion rates and user experience.

Popup Builder popup builder

Built-in popup functionality to create subscription popups, discount campaigns, exit intents, and other high-converting alert content without additional plugins.

Query Loop Builder Data Query Builder

Supports visual querying of WordPress data such as posts, users, custom fields, etc. to create dynamic content display modules.

CSS Classes and Variables System

Supports modular style structure, provides class manager, variable classification, cross-site copying and other features for large projects.

Dynamic Data Dynamic Content Support

Perfectly support ACF, Meta Box, Toolset and other plug-ins data binding, can bind any field to the front-end content or structure.

Components Reusable Component System

Build reusable buttons, cards, sections, etc., edited once and synchronized across the site, with support for passing custom attributes.

Responsive Editing

Supports custom breakpoints, mobile priority mode, real-time preview of each device's display, and building adaptable websites.

If you're looking for a flexible, powerful, and high-performing WordPress page builder, Bricks 2.0 is a highly competitive choice. Whether you're a freelance developer or an enterprise site builder, Bricks provides a stable, efficient, and scalable solution.

Some Frequently Asked Questions

❓ Can I use it with Astra, Hello Theme?

No. Bricks is a theme, not a plugin, and does not run on other themes (unlike Elementor which is a plugin). After installing Bricks, WordPress switches directly to the Bricks theme.

❓ Can I customize the header, footer, and template?

Totally.Bricks offers powerful templating features including:

• Header, Footer templates (Responsive, Sticky, Transparent are all supported)
• Single page templates (Single Post, Single Page)
• Archive templates (Blog, Category, Tag, etc.)
• Conditional display templates (different templates can be set for different user roles, devices, page types)

Is ❓WooCommerce support good?

Very good.Bricks comes with WooCommerce Builder which supports building the following pages:

• Store page (Shop)
• Product details page (Single Product)
• Category/Tag Archive Page
• Shopping cart, checkout page, account page, etc.
• Graphical selection of product variants (Swatches)

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off