At Breakdance, excellence isn't a goal—it's our benchmark. Our developing reputation as the most comprehensive visual builder for WordPress is no accident—it's the result of our unwavering commitment to user-driven refinement and a rapid update cycle.
Discover the latest new features below, or find our roadmap for the future here.
December 2025
new version
Breakdance 2.6.1 – Security Update
Breakdance 2.6.1 is now available. This release contains a security update, as well as fixes for issues related to Breakdance 2.6.
Security Update
This release fixes a privilege escalation vulnerability where users with the edit_users capability could modify their own Breakdance Builder Access permissions, allowing them to grant themselves full builder access without administrator approval.
By default, WordPress grants the edit_users capability only to Administrators. However, some plugins allow edit_users to be granted to non-administrators. A common example is WooCommerce, where the Shop Manager role has this capability.
You should update immediately if:
Any non-administrator users on your site have the edit_users capability
You use WooCommerce and have Shop Managers you do not fully trust
You use plugins that modify or extend user role capabilities
You are not at immediate risk if:
Only Administrators have the edit_users capability
You have not customized WordPress role capabilities
You do not use plugins that modify or extend user role capabilities
At this time, we are not aware of this vulnerability being exploited in the wild. Exploitation requires a logged-in user with the edit_users capability. On most WordPress sites, this capability is restricted to Administrators.
Bug Fixes
Display Tabs as Dropdown on Mobile: When you set Tabs or Advanced Tabs to display as a dropdown on tablet or phone, the styling now applies correctly.
Customize Gallery Lightbox Colors: Custom colors set in the Gallery lightbox design controls now appear on the frontend.
Breakdance 2.6 is here, and it makes building, designing, and launching WordPress sites faster, smoother, and more intuitive than ever.
Create unlimited button presets. Write code in a pro-level editor powered by CodeMirror 6. Experience major PHP performance improvements that make the builder feel almost instant. Plus improved third-party integrations and dozens of workflow refinements.
Owner, designer, developer, marketer, pick your hat. This release helps you build faster, design smarter, and deliver better results with less effort.
If you want the highlights from 2.6, keep reading.
Button Presets for Buttons and Other Elements Containing Buttons
In web design, nothing screams “I built this site myself and I have no idea what I’m doing” like inconsistent styles. Breakdance takes this very seriously, which is why we have the best Global Styles in the space, and it’s also why, in Breakdance 2.6, we’re bringing that same power for buttons inside our most popular elements.
You can now create and reuse button presets in the Buttons element itself, as well as in commonly used elements like Pricing Tables, Fancy Testimonials, Icon Boxes, and Image Boxes.
That means you can build once, reuse everywhere these elements appear, and keep your calls-to-action perfectly on-brand without starting from scratch each time. Each preset maintains full responsive design capabilities across all breakpoints.
Wanna try? Open an Icon or Image Box, Pricing Tables, or button elements » Style » Custom » Presets, or open Global Settings » Buttons, and explore the new Presets panel.
Improved Code Editor Powered by CodeMirror 6
Breakdance 2.6 introduces a rebuilt code experience powered by CodeMirror 6, the same tech behind many pro coding tools.
If you love to mix drag-and-drop design with custom code, you’ll love this. The new Code Editor makes writing CSS, HTML, and Twig inside Breakdance feel like using a dedicated IDE.
The Highlights:
Emmet support for lightning-fast coding.
Smart Autocomplete for CSS, HTML, Twig, and selectors.
Color Picker previews right next to your values.
Multicursor Editing for quick global edits.
Auto-close brackets and fold gutters for clean structure.
Autocomplete for %% SELECTOR %%, Twig Variables, and Global Color Palettes.
Beautifiers & Linters for clean, formatted code every time.
Version Control for Your Design Presets
Creativity shouldn’t feel risky. Design Presets now includes a History panel that tracks every save and stores a revision. Browse previous revisions, see who made each change and when, and restore any revision with one click. The system automatically prunes old revisions (keeps 15 most recent + 1 per day for 30 days) to prevent database bloat.
To try this feature, just edit any design presets, and you’ll see the History button on the top right corner of your Breakdance Builder UI.
Major Performance Improvements
Breakdance now loads faster, runs smoother, and feels more responsive than ever. We optimized both PHP rendering and CSS delivery.
PHP Rendering Optimizations
We added static caching to functions that were regenerating the same data on every request. Element CSS templates, external attributes, dependencies, and actions now cache their results instead of rebuilding them repeatedly. Animation controls cache their configuration. Twig templates that don’t contain any Twig syntax skip the template engine entirely.
We improved shape divider loading. We switched from SHA-1 to CRC32B for Twig template hashing because it’s faster. We refined property iteration to skip keys that don’t need processing.
Fewer HTTP Requests with Smarter CSS Loading
Empty stylesheets no longer get created or enqueued. Breakdance now checks if CSS files actually contain content before loading them.
This applies to global settings CSS, presets, variables, selectors, and post-specific styles. If there’s no content to output, the file doesn’t load. Fewer HTTP requests means a cleaner HTML head section and faster page loads. We also added CSS minification to post stylesheets.
These changes add up to faster page loads, quicker builder response times, and reduced server resource usage.
Dynamic Data Dialog Auto-Focuses Search
The Dynamic Data dialog now focuses the search input automatically when it opens. Type your search and press Enter to select the first matching field.
The first result shows a visual highlight and an Enter key indicator. No more clicking into the search box or scrolling to find what you want. If you work with dynamic data frequently, this speeds up your workflow.
Support for Popular Integrations
Breakdance plays nicely with the tools you already use. We improved compatibility with The Events Calendar, WooCommerce product variations, and WPCodeBox so these integrations work seamlessly with your Breakdance sites.
Improved Styles for The Events Calendar in Themeless Mode
We improved asset loading so The Events Calendar’s default structural CSS, typography, and component styling load automatically. TEC shortcodes now display with properly sized icons, styled buttons and forms, and clean layouts, even when you’re using Breakdance’s themeless mode (recommended).
Improved Styles for WooCommerce Variation Swatches
We added the CSS variable that the plugin uses for its cross icon, so now product variation swatches from GetWooPlugins display beautifully when using their blur with cross for disabled attributes. We also improved how the swatches appear in the single post and archive templates.
Send Header and Footer Code from Settings to WPCodeBox
Keep things organized in one place with WPCodeBox, the best code snippet manager plugin for WordPress. In Breakdance 2.6, you can now send your header and footer code from Breakdance » Settings » Custom Code directly to WPCodeBox with one click.
Don’t have WPCodeBox yet? Use code BD26 at checkout for 20% off.
Fix Broken Permalinks Automatically
WordPress’ Permalinks can become broken for a variety of reasons, often due to another plugin or some other changes on your site, and when this happens, the builder can fail to load. Breakdance 2.6 detects this and adds an “Auto Fix Permalinks” button to the warning screen.
Click it to flush rewrite rules without navigating to WordPress Settings > Permalinks. The page refreshes automatically after fixing the issue, and then you can go back to building beautiful sites in Breakdance without leaving the builder.
Quality of Life Improvements
Preview Headers and Footers with Dynamic Data From Pages: When editing a Header, Footer, or Popup, the “Previewing Post” dropdown now includes Pages. You can now see how dynamic data in these elements would appear when rendered on a Page.
Rich Text Image Alignment: Images in rich text elements now respect WordPress alignment classes (aligncenter, alignleft, alignright). Set image alignment in the TinyMCE editor and it displays correctly.
Design Preset Fixes For Complex Elements: Design Presets now work correctly with Advanced Accordions, Image Boxes, and other complex elements.
Partner Discounts Now in Your WordPress Admin
Build smarter by combining Breakdance with best-in-class tools. In Breakdance 2.6, a new “Partner Discounts” menu item appears in your WordPress admin under Breakdance. It displays exclusive offers from our partners on tools like AnalyticsWP, WPCodeBox, WP All Import, and Oxygen Builder. If you’d prefer not to see it on client sites or your own, you can hide it via the Breakdance settings menu.
Version 2.6 represents hundreds of hours of refinement, optimization, and enhancement. Every feature, every performance improvement, and every UX refinement exists for one reason: to help you build better sites faster.
From instant button styling to performance work that makes the builder feel quick, every change keeps you moving. The new code editor brings professional coding tools to your workflow. Dynamic data is faster to work with. Third-party integrations work better.
Breakdance 2.6 is available now. Update today and experience how fast, fun, and powerful building with Breakdance can be.
Over the past year, your support and feedback have powered major leaps forward for Breakdance, making it faster, more flexible, and more capable than ever. To name just a few highlights:
Breakdance 2.3 introduced a fully reworked Quick Navigator (search/add content/edit templates inside the builder) plus Accordion & Tab layouts for loops.
Breakdance 2.5introduced color-changing scroll animations, Design Library Parts, and Masonry layouts for Loop elements.
These are just a sample of the many improvements we’ve made, each one designed to help you build better sites faster, while giving you and your clients more control and a cleaner experience. If you already have a subscription, your rate will remain locked in indefinitely. Thank you for choosing Breakdance. We’re excited for what’s still ahead.
The Future of Breakdance Pricing
We are planning pricing adjustments for new customers, but the details are not yet finalized.
Here’s what we can share:
We may introduce new plans or restructure existing ones.
We may adjust prices, or choose not to. If we do raise prices, the update could happen shortly after the release of Breakdance 3.0.
As soon as we finalize our plans, we will announce them clearly and transparently.
Why Lock In Now?
If you purchase a subscription today, you lock in that price for the life of your subscription. Even if we double the price for new customers next month or when 3.0 launches, your renewal price stays exactly the same.
Changelog
Builder
New – Create Unlimited Button Presets
New – Design Preset History
Enhancement – Dynamic Data Dialog Auto-focus
Enhancement – Preview Headers and Footers on Pages
Enhancement – Cleaner Global Settings CSS
Enhancement – Better AI Compatibility
Enhancement – Design Presets for Complex Elements
Enhancement – Full access users can now edit headers, footers, and global blocks without admin rights
This release addresses an issue introduced in RC 1 where an error in our build process caused some features to ship with unintended changes. If you experienced problems with WooCommerce shop filters or other unexpected behavior after updating to RC 1, this release resolves those issues.
Breakdance 2.5 is here, packed with powerful tools to supercharge your web design workflow. This release brings a suite of innovative features that make building stunning, dynamic websites faster, more intuitive, and more engaging than ever. From inline editing for Global Blocks to mesmerizing scroll animations and form enhancements, Breakdance 2.5 empowers you to create with unmatched creativity and efficiency
Existing users can start beta testing today. Continue reading to discover everything included in Breakdance 2.5.
Edit Global Blocks Right in the Builder
Editing Global Blocks just got a whole lot smoother. Now you can edit any Global Block directly in the builder. Update text, swap an image, tweak padding, or add new elements, any edits you make will be instant.
Inline Global Block editing eliminate extra clicks, keeps you focused on your design, and saves you valuable time. The result is cleaner, more consistent sites and a workflow that feels seamless.
When using this alongside the ability to create new Global Blocks from the Quick Navigator, you don’t ever have to leave your current design when building it out for the first time.
Add Color-Changing Scroll Animations
We’re thrilled to introduce a major enhancement to our scrolling animations: you can now animate background and text colors as users scroll through your pages. This means you’re no longer limited to movement-based animations — now, you can design immersive experiences where the mood, tone, and style of your content evolves with every scroll.
Make sections that gradually shift from light to dark as the user dives deeper, headlines that subtly change color to guide attention, or full-page transitions that create stunning visual storytelling. With this new feature, it’s easier than ever to design rich, interactive narratives and high-impact visual journeys — all without writing a single line of code.
Whether you’re creating a landing page, portfolio, product showcase, or editorial layout, animated color transitions give you the tools to make your designs stand out. It’s smooth, intuitive, and completely customizable. Choose your colors, set your triggers, and let the animation engine handle the rest.
This upgrade is part of our commitment to giving you the most flexible, expressive, and creative design toolkit possible — and it’s just the beginning. Go ahead and start experimenting — your scroll has never looked this good.
Effortless Design Libraries with Design Library Parts
Craft sections such as hero banners, CTAs, pricing tables, or custom layouts—and turn them into a personalized library of Design Library Parts that you can add to any page with just a few clicks. Once you save a part, dropping it into a new page lets you customize content locally without altering the original design. It’s a faster, more scalable way to build and maintain consistent layouts.
Using parts is simple: inside the builder, press Cmd/Ctrl + B to open the Design Library, switch to “This Website,” and you’ll see all your saved parts. Add the one you want to the page, then update your content, swap images, or adjust styles—the tweaks stay local to that page. A built-in filter makes it easy to find the perfect part, page, or design whenever you need it.
Create a fully branded hero banner once, save it as a part, and then drop it into every new project. Or build a pricing table template and reuse it across multiple landing pages—no rebuilding required. By keeping your best layouts in one place, you stay organized, work efficiently, and bring projects to completion faster. Take it further by using a Design Set to store all your parts, so you can apply the same library across multiple sites. Build once, reuse everywhere, and watch your workflow transform.
Streamlined Builder Workflow
We’ve made a variety of improvements to the Builder to streamline workflows and help you build faster and smarter.
Consistent Units Across All Controls
Set your preferred unit—px, em, %, or rem—once in the Preferences menu, and watch Breakdance set the default unit everywhere. No more toggling between units as you adjust margins, padding, or font sizes. Once you pick a default, every control and global setting respects it automatically, letting you focus on the numbers.
This small preference saves you from repetitive clicks and keeps your measurements uniform across every element. Instead of pausing to switch units, you stay in the flow—whether you’re fine-tuning a header’s padding or scaling text for responsive layouts.
By choosing a default unit, you’ll spend more time on creativity. Everything feels cohesive, measurements stay consistent, and your workflow moves faster—day in, day out.
Show Inherited Responsive Values
Now you can see inherited values for any property as you switch between desktop, tablet, and mobile views. This experimental feature, available in the preferences menu, means no more trial and error when fine-tuning layouts. For example, if you adjust padding on mobile and wonder whether it was inherited from the tablet settings, the builder will show you the value that’s being passed down. That clarity keeps your design consistent across devices and helps you avoid unintended overrides.
By revealing inherited values, you’ll work faster and with more confidence. Tweak a headline’s font size on tablet, switch to mobile, and instantly see the inherited size before making changes. This makes responsive edits precise, prevents surprises, and keeps your layout clean—ensuring every breakpoint looks exactly as you intend.
Create Design Presets with a Keystroke
Now you can generate a new design preset directly from the “Choose Design Preset” input box in the Properties Panel. Simply type your preset name and press Enter—no additional clicks or extra dialogs required. This small tweak speeds up the process of saving custom styles and keeps you focused on design rather than navigating menus.
Improved Typography Presets
Typography presets now show font-weight, font-size, font-style, and line-height directly in the chooser. This makes it easier to identify and select the exact style you need at a glance. Additionally, the Typography Preset input box now features autocomplete, so suggested presets appear as you type—saving time and ensuring consistency across your design.
Loop Elements with Masonry Layout Support
Loop Elements now support Masonry layouts, letting your content automatically flow into a staggered grid without any custom code. Whether you’re displaying blog posts, portfolios, product listings, or image galleries, your items will align in a visually engaging way—each item fits together seamlessly, avoiding awkward gaps and creating a dynamic presentation.
Showcase a portfolio where each project card shifts into place like puzzle pieces, or presenting a product catalog that feels organic and modern. Simply add a Loop Element, select the Masonry layout, and watch Breakdance arrange your items into an attractive, responsive grid. It adapts automatically as you add or remove items, so new content snaps into place without extra adjustments.
This feature cuts out the need for manual CSS and plugin workarounds. Set your column count or let Breakdance determine the best fit, and let the grid handle varying item heights and widths. The result is a polished, professional layout that highlights your content naturally. With Masonry support, you’ll spend less time tweaking styles and more time creating—your pages look great on any device, and your audience gets a seamless browsing experience every time.
Add Input Masks to Form Fields
Now you can guide visitors to enter information exactly as you need it. With Input Masks on text fields, forms automatically format user input as they type. This means fewer validation errors, faster submissions, and a smoother experience for everyone.
By defining the mask ahead of time, you reduce mistakes and speed up form completion. Whether you need phone numbers, dates, social-security formats, or any custom pattern, simply create the mask, and let the form handle the rest.
With Input Masks in place, your forms feel professional and effortless. Visitors never have to wonder, “How should I enter this?” They type once, and the mask formats their input automatically. It’s a small change that can boost conversions, prevent validation headaches, and keep your forms running flawlessly.
Changelog
General
Enhancement – You can now select “Is none of” as an option for the “Has Taxonomy” condition
Tweak – You can now access Global Blocks used on a page or template via the Breakdance menu item when viewing a page or template on the front end
Tweak – The Search term for Breakdance template pages is now cleared after creating a new template
Tweak – The Edit Button has been removed on pages that have been edited in Breakdance if the user does not have builder access
Tweak – GridbuilderWP is now correctly WP Grid Builder
Tweak – Breakdance has been added to the Rank Math Table of Contents Providers list
Tweak – The Events Calendar Shortcodes will now have the correct styles on the front end
Tweak – Improved support for WP Grid Builder to ensure array queries that use brackets still work
Tweak – The Link Chooser “Add Link” button is no longer cut off when some SEO plugins are activated
Tweak – SEOPress is now supported for the Breadcrumbs element
Fix – The Author Avatar Data Point now has a default size in the event a size wasn’t selected
Fix – Empty Conditions no longer cause an error when saving Breakdance
Fix – The Featured Image Data Point Correctly Displays the Image
Fix – The Relation Query no longer skips first results when used on a Template
Builder
New – Global Blocks may now be edited inline, speeding up the design process drastically
New – It is now possible to have the background color or text color change while a user scrolls the page. This is found under scrolling animations
New – We’ve added Design Library Parts that allows you to create reusable sections to be used on the site
New – It is now possible to show inherited values for properties when working on responsive design. This is an experimental feature
Enhancement – We’ve improved the drag indicator when moving elements around the canvas
Enhancement – The Design Library now includes an option to filter by post type
Enhancement – You can now set the default unit type in Global Settings
Enhancement – You can now create a Preset by typing and clicking enter in the “Choose Design Preset” input box in the Properties Panel
Enhancement – We’ve improved the stacktrace error handling in Breakdance. Now when you receive an error, Breakdance will provide additional details, such as what plugin caused an issue or if a URL is unreachable
Enhancement – Vertically Center and background options are now available for the Preview Size settings of Global Blocks
Enhancement – Typography Presets will now display font-weight, font-size, font-style, and line-height
Tweak – Autocomplete is now enabled for the Typography Preset chooser
Tweak – Preview Sizes for Global Blocks are now Block-specific
Tweak – The right-click menu in the Structure Panel and the right-click menu in the Canvas are now identical
Tweak – The active state for the element in the Structure Panel is now a little more clear
Tweak – HTML entities are now properly converted in the document title of the Quick Navigator
Tweak – When navigating to another document the active element is now properly unselected
Tweak – Manage Presets now correctly opens Typography Presets in a Popout
Fix – When switching from a Global Block to another Template or Page, the Preview Size option for Global Blocks will be correctly hidden
Fix – Design Presets no longer show all settings when selecting modified values only
Fix – Changing pages from the Quick Navigator will no longer cause the wrong page to be exited to on the frontend
Fix – Changing to a page from the Quick Navigator that is managed by a Template with a Template Content Area will now trigger the proper dialogue to direct you to the Template
Fix – An Element’s Wrapper settings correctly work with Design Presets
Fix – The right-click menu in the structure panel no longer overflows the viewport on occasion
Fix – Saving a page without modifying Global Settings, Presets, Selectors, and AI Settings will no longer override changes made by other users. This is achieved by including only locally modified settings in the save request
Elements
New – Loop Elements now support Masonry layouts
Enhancement – Text-wrap is now available for Typography settings
Enhancement – Social Icons now have border controls
Tweak – The Line Height setting for Typography has been moved to be accessible from the top level
Tweak – Adjustments were made to the Border complex that aligns everything properly and allows custom units
Tweak – The Term Loop Builder is now an option for the “Control Slider” setting in Link controls
Tweak – Removed Alternate and Static Items from the Term Loop Builder
Tweak – Empty Block for Term Loop Builder now works with Pagination
Tweak – Minor performance improvement to scroll event for the Header Builder
Tweak – The “Slides Per View” for Slider controls now properly refreshes the Post Loop Builder
Fix – CSS is no longer added to an element if the corresponding control toggle has been disabled
Fix – Search Form correctly supports autofocus for fullscreen
Fix – Background Videos for Fancy Containers now work
Fix – Improved the Order and Layout for the Comments Form
Fix – The Gallery element now supports captions with symbols at the beginning
Fix – When using Dynamic Data for an Image, the Image element will now recognize the size selected
Fix – The “Set HTML Width & Height” control now triggers correctly for the Image element
Fix – Adding a small attachment to an Image that expects a large size format now works properly
Fix – The Flexible Content element is no longer available if ACF isn’t active
Fix – The “Slides Per View” input field is now cleared when deleting the value via keyboard
Fix – The Tooltip element now correctly supports typography settings when using Dynamic Data
FIx – SVG images no longer cause an error when the size in the Properties Panel is empty
Fix – Improved active link detection for the Menu Builder element by moving it to the server-side. This is the same logic used by default WordPress Menus
Fix – Invalid HTML attribute names no longer cause conflicts
Forms
New – Form Fields now accept Input Masks
Enhancement – Date Field Now Supports Dynamic Data for Min/Max Options
Fix – Step fields and HTML fields now ignore the required toggle
Fix – Undefined warnings will no longer appear in Error logs
Fix – Tweaked how the Submit button spins
WooCommerce
Tweak – Error Notice Icons have been updated and now align correctly
Tweak – An admin notice is now available on the Checkout and Cart pages to replace Gutenberg Blocks with WooCommerce shortcodes so these pages may properly display designs created in Breakdance
Tweak – Updated various WooCommerce templates
Tweak – Improved magnifying glass icon and added arrows to various dropdown fields
Fix – The Order Payment page now works on the front end
Fix – Clicking the reviews link now take you to the reviews tab and opens it
Developer
Tweak – Introduced an option to mark an element as Builder Only in Element Studio
Tweak – reCAPTCHA for Forms is now loaded via wp_enqueue_scripts
We’re very excited to announce that Breakdance 2.4 is now available. It is a significant update packed with many highly requested features, powerful new elements, and significant workflow enhancements. This release brings some serious firepower to your site-building toolkit. You can download the latest release from the customer portal or update from your site via the WordPress Administration Dashboard. Read on to dive into everything new!
Preview Without Leaving the Builder
Preview Mode in Breakdance 2.4 lets you see exactly how your site will look without leaving the builder. With a single click, the entire Breakdance UI disappears, giving you a full-page, distraction-free preview of your design. When you’re done previewing, simply click “Close Preview” to return to editing.
Use ACF Flexible Content Within Breakdance
Breakdance 2.4 brings full support for ACF Flexible Content fields, making it easier than ever to build dynamic, client-editable pages while keeping full design control. With this integration, you can visually design Global Blocks in Breakdance and map them to specific row layouts within an ACF Flexible Content field, allowing content updates to be handled entirely from WordPress without touching the design.
Setting this up works as follows: first, create a Flexible Content field in ACF with different row layouts, such as a hero section, feature cards, or a call to action. Then, design matching Global Blocks in Breakdance and use the Flexible Content element to link each ACF layout to its corresponding Global Block. In each Global Block, link the design elements to the associated ACF fields using Dynamic Data.
The Flexible Content element works like any other loop in Breakdance, so you can display layouts as a list, grid, or slider. You can even structure it so that each Global Block represents a page section. This makes it easy to create complex client-editable layouts while maintaining a pixel-perfect design. Content updates happen entirely in ACF while Breakdance handles the display.
New Element – Hover Swapper
The new Hover Swapper element in Breakdance 2.4 adds a new way to create interactive and engaging designs. It allows you to swap one element for another when a user hovers over it, making it ideal for features such as revealing alternate images, displaying additional information, or adding a fun visual effect to your site.
By default, Hover Swapper is used to swap between two images, but you can place anything inside it, including containers. You can customize the transition effect and control the animation speed for a smooth, polished look. Whether you want to create hover-based call-to-actions, reveal additional details on hover, or add subtle micro-interactions, Hover Swapper makes it easy to enhance your designs with movement and interactivity. You can even make the entire Hover Swapper a link by placing it inside a Wrapper Link element.
Add Icons To Menu Links
In Breakdance 2.0, we introduced the Menu Custom Area element, which allows you to place any content at the top level of a menu. With version 2.4, we’ve further enhanced the Menu Custom Area element – it can now be a fully functional menu link, with full support for dropdowns. This means:
You can add icons, images, or custom elements to the top-level links in your menu.
You can use the standard controls for creating a dropdown, just like the Menu Dropdown element.
You can use a Global Block as the content of the dropdown, just like the Menu Custom Dropdown element.
To help you maintain consistency, icons and text within a menu link can automatically inherit the default link styles applied to the menu.
Run Form Actions Conditionally
Breakdance 2.4 adds conditional form actions functionality to our Form Builder. You can now control whether specific actions run based on form field values. For example, you could create a contact form that sends you an email, and also has an optional newsletter signup checkbox – if the user checks the box, they’ll be subscribed to your list, if not, they can still submit the form and send you an email – they just won’t be subscribed to your list.
WooCommerce Product Lists – Show 2nd Image On Hover
A Show Second Image on Hover toggle has been added to the Shop Page and Products List elements. Enable this option to show the next image in the product gallery when hovering over a product. This is perfect for showcasing additional product imagery directly from the shop page and improves the shopping experience by giving customers more visual information at a glance.
Image Element – Double Click To Open The Media Library
New in Breakdance 2.4, double-click any Image element in the builder to open the WordPress media library instantly. The currently selected image will now be automatically highlighted in the media library when you open it. This makes it much easier to swap or update images, especially when working with large libraries.
New Element – Overlapped Images
The new Overlapped Images element in Breakdance 2.4 makes it easy to create visually striking layouts by layering images on top of each other. You can freely arrange images inside the Overlapped Images element, adjusting their position, size, and layering to achieve the perfect composition. Whether you’re creating artistic collages or showcasing product photography, Overlapped Images gives you full creative control. The element also supports responsive settings, ensuring your composition looks great on all devices.
Changelog
General
New – ACF Flexible Content is now usable in Breakdance.
Enhancement – Page rendering is now cached during a single request.
Fix – The “Edit in Breakdance” button on pages in the toolbar is now on one line.
Fix – Saving a Global Block with the same name no longer triggers a warning.
Builder
New – You can now preview your designs with Preview Mode.
Enhancement – Quick Navigator allows you to toggle the active state of Breakdance templates.
Enhancement – You can now rename a Global Block from the Quick Navigator.
Enhancement – You can now double-click an image in Breakdance to open the Media Library.
Tweak – When creating a new post through the Quick Navigator it will appear at the top of the navigation list.
Tweak – The Quick Navigator scrolls to the top when new results are loaded.
Tweak – Added autofocus to the create post input for the Quick Navigator.
Tweak – Pressing enter now submits the post creation form from the Quick Navigator.
Tweak – The currently selected image will show in the Media Library when editing it in Breakdance.
Tweak – Improved the Link Input control to remove overlap.
Fix – Typing “custom” as a unit measurement now properly removes the text and allows you to input a unit.
Fix – Undefined or incorrect conditions in the Query Builder for Loop elements no longer break the loop.
Fix – Dynamic Data no longer sends excessive requests when typing in the Advanced controls for a Dynamic Data Point.
Fix – The PHP Data Point now allows code to be written inside of it directly instead of requiring the use of a function.
Elements
New – Hover Swapper element.
New – Overlapped Images element.
Enhancement – Menu Custom Area element now includes a Link control.
Enhancement – The Menu Custom Area element includes the option to inherit link styles for both text and icons.
Enhancement – The Menu Custom Area element now supports enabling a Dropdown. You can use either Menu Dropdowns or a Global Block.
Enhancement – The Table of Contents element now includes support for Headings Offset.
Tweak – The Lazy Load setting is enabled by default for all applicable elements.
Tweak – Text elements now support the figcaption tag.
Tweak – Menu Custom Area Dropdowns share the same controls as Menu Dropdowns, and share the same default styles.
Tweak – Improved the Accordion layout for Loop Builder elements.
Fix – Gallery elements now support inserting an image by URL.
Fix – A custom button with a background gradient and an outline will no longer trigger an error.
Fix – the Justified layout for Gallery Elements now supports responsive controls.
Fix – Design Presets will now work correctly for the Header.
Fix – The Link setting for the Menu Custom Area element works properly.
Forms
New – Form Builder Conditions are now able to be run conditionally.
WooCommerce
Enhancement – It is now possible to show the second image of a Product on hover for the Products List element.
Element Studio
Tweak – Figcaption tag is an available tag for elements.
Breakdance 2.4 is now available, and it’s a significant update packed with a number of highly requested features, powerful new elements, and great workflow enhancements. This release brings some serious firepower to your site-building toolkit. You can download it now in the customer portal. Read on to dive into everything that’s new!
Preview Without Leaving the Builder
Preview Mode in Breakdance 2.4 lets you see exactly how your site will look without leaving the builder. With a single click, the entire Breakdance UI disappears, giving you a full-page, distraction-free preview of your design. When you’re done previewing, simply click “Close Preview” to return to editing.
Use ACF Flexible Content Within Breakdance
Breakdance 2.4 brings full support for ACF Flexible Content fields, making it easier than ever to build dynamic, client-editable pages while keeping full design control. With this integration, you can visually design Global Blocks in Breakdance and map them to specific row layouts in an ACF Flexible Content field-allowing content updates to be handled entirely from WordPress without touching the design.
Setting this up works as follows: first, create a Flexible Content field in ACF with different row layouts, like a hero section, feature cards, or call to action. Then, design matching Global Blocks in Breakdance and use the Flexible Content element to link each ACF layout to its corresponding Global Block. In each Global Block, link the design elements to the associated ACF fields using Breakdance’s normal dynamic data functionality.
The Flexible Content element works like any other loop in Breakdance, so you can display layouts as a list, grid, or slider. You can even structure it so that each Global Block represents a page section. This makes it easy to create complex client-editable layouts, while maintaining a pixel-perfect design. Content updates happen entirely in ACF while Breakdance handles the display.
New Element – Hover Swapper
The new Hover Swapper element in Breakdance 2.4 adds a new way to create interactive and engaging designs. It allows you to swap one element for another when a user hovers over it, making it perfect for things like revealing alternate images, displaying additional information, or adding a fun visual effect to your site.
By default, Hover Swapper is used to swap between two images, but you can place anything inside it, including containers. You can customize the transition effect and control the speed of the animation for a smooth, polished look. Whether you want to create hover-based call-to-actions, reveal additional details on hover, or add subtle micro-interactions, Hover Swapper makes it easy to enhance your designs with movement and interactivity. Make the entire Hover Swapper a link by placing it inside a Wrapper Link element.
Add Icons To Menu Links
In Breakdance 2.0, we introduced the Menu Custom Area element, allowing you to place anything at the top level of a menu. With 2.4, we’ve enhanced the Menu Custom Area element further – it can now be a fully functional menu link, with full support for dropdowns. This means:
You can add icons, images, or custom elements inside links at the top level of your menu.
You can use the standard controls for creating a dropdown, just like the Menu Dropdown element.
You can use a Global Block as the content of the dropdown, just like Menu Custom Dropdown element.
To help you keep everything looking consistent, icons and text inside a menu link can automatically inherit the default link styles set on the menu.
Run Form Actions Conditionally
Breakdance 2.4 adds conditional form actions functionality to our Form Builder. You can now control whether specific actions run based on form field values. For example, you could create a contact form that sends you an email, and also has an optional newsletter signup checkbox – if the user checks the box, they’ll be subscribed to your list, if not, they can still submit the form and send you an email – they just won’t be subscribed to your list.
WooCommerce Product Lists – Show 2nd Image On Hover
A Show Second Image on Hover toggle has been added to the Shop Page and Products List elements. Enable this option to show the next image in the product gallery when hovering over a product. This is perfect for showcasing additional product imagery directly from the shop page, and improves the shopping experience by giving customers more visual information at a glance.
Image Element – Double Click To Open The Media Library
New in Breakdance 2.4, simply double-click any Image element in the builder to instantly open the WordPress media library. The currently selected image will now be automatically highlighted in the media library when you open it. This makes it much easier to swap or update images, especially when working with large libraries.
New Element – Overlapped Images
The new Overlapped Images element in Breakdance 2.4 makes it easy to create visually striking layouts by layering images on top of each other. You can freely arrange images inside the Overlapped Images element, adjusting their position, size, and layering to achieve the perfect composition. Whether you’re creating artistic collages or showcasing product photography, Overlapped Images gives you full creative control. The element also supports responsive settings, ensuring your composition looks great on all devices.
Changelog
General
New – ACF Flexible Content is now usable in Breakdance.
Enhancement – Page rendering is now cached during a single request.
Fix – The “Edit in Breakdance” button on pages in the toolbar is now on one line.
Fix – Saving a Global Block with the same name no longer triggers a warning.
Builder
New – You can now preview your designs with Preview Mode.
Enhancement – Quick Navigator allows you to toggle the active state of Breakdance templates.
Enhancement – You can now rename a Global Block from the Quick Navigator.
Enhancement – You can now double-click an image in Breakdance to open the Media Library.
Tweak – When creating a new post through the Quick Navigator it will appear at the top of the navigation list.
Tweak – The Quick Navigator scrolls to the top when new results are loaded.
Tweak – Added autofocus to the create post input for the Quick Navigator.
Tweak – Pressing enter now submits the post creation form from the Quick Navigator.
Tweak – The currently selected image will show in the Media Library when editing it in Breakdance.
Tweak – Improved the Link Input control to remove overlap.
Fix – Typing “custom” as a unit measurement now properly removes the text and allows you to input a unit.
Fix – Undefined or incorrect conditions in the Query Builder for Loop elements no longer break the loop.
Fix – Dynamic Data no longer sends excessive requests when typing in the Advanced controls for a Dynamic Data Point.
Fix – The PHP Data Point now allows code to be written inside of it directly instead of requiring the use of a function.
Elements
New – Hover Swapper element.
New – Overlapped Images element.
Enhancement – Menu Custom Area element now includes a Link control.
Enhancement – The Menu Custom Area element includes the option to inherit link styles for both text and icons.
Enhancement – The Menu Custom Area element now supports the option to enable a Dropdown. You can use either Menu Dropdowns or a Global Block.
Enhancement – The Table of Contents element now includes support for Headings Offset.
Tweak – The Lazy Load setting is enabled by default for all applicable elements.
Tweak – Text elements now support the figcaption tag.
Fix – Gallery elements now support inserting an image by URL.
Fix – A custom button with a background gradient and an outline will no longer trigger an error.
Fix – the Justified layout for Gallery Elements now supports responsive controls.
Forms
New – Form Builder Actions are now able to be run conditionally.
WooCommerce
Enhancement – It is now possible to show the second image of a Product on hover for the Products List element.
Element Studio
Tweak – Figcaption tag is an available tag for elements.
We’re very pleased to announce Breakdance 2.3. This release includes a masterfully reworked search bar in the editor, Accordion and Tab layout options for loop elements, the ability to use multiple dynamic data fields in a single text field, a wrap with div/link option in the right-click menu, and many other improvements.
Quick Navigator – Add New Posts and Edit Template Settings Without Leaving the Builder
The Quick Navigator (Search Bar) has been completely revamped with three powerhouse features and some back-end improvements. You can now filter by post type to find exactly what you want to preview, add new content if it doesn’t already exist, and edit the settings for your Breakdance templates. All of this can be done without ever leaving the builder.
Filter and Sort Post Types
The Quick Navigator now allows you to filter and sort post types, making it easy to adjust Template settings within the Builder and work on pages or other post types built with Breakdance.
Create New Pages and Templates
Build complete websites without ever leaving the builder. You can now create new Pages, Templates, and any other available Post Type from the Quick Navigator. You can then select that Post Type in the Search Bar to begin editing it in Breakdance.
Edit Template Settings
Click the “Edit Settings” option within the Quick Navigator for any applicable Breakdance Template to quickly change the settings for that template.
Display Loop Items in Accordion and Tab Layouts
Enhance how your content is displayed with two new layout options for Loop elements. You can now choose Accordion and Tabs layout options for most Loop elements, making it possible to display ACF Repeater or Metabox Cloneable Group data in an accordion or tabs,
Use Multiple Dynamic Data Points in a Single Text Control
We’ve now included the option to use multiple data points within a single text field in Breakdance.
Changelog
Builder
AI – Improved error handling to show error messages in the builder.
Data Points – ACF Author Data Points will now work on Author Archives.
Data Points – Added PHP function return value Data Point.
Data Points – You can now use multiple Data Points in a single Text control.
Data Points – Added methods to copy Data Points to use in Text controls.
Data Points – Fixed a regression from 2.3 RC 1 that caused Shortcodes used as a Data Point for elements to show incorrectly on the front end.
Global Block – It is now possible to set the width and height when previewing a Global Block.
Right-click Menu – Added “Wrap In” option for elements when right-clicking them in the Canvas.
Page Navigation – When navigating to a new page, Breakdance’s UI will remain visible as the Canvas and Structure Panel load.
Quick Navigator – Added actions to the Quick Navigator (Sort, Filter, Add New, Edit Settings).
Elements
Comments List – Fixed an issue where Threaded Comments did not display correctly.
Filter Bar – Improved Filter Bar support for Grid Layouts.
Form Builder – You can now use Conditions for Date fields.
Form Builder – Further improved and optimized code for the Form Builder.
Image – Dynamic Data may be used for Alt tags.
Loop Elements – Introduced support for Accordion and Tabs layouts.
General
Cache – Breakdance Cache Bump due to refactoring.
Dynamic Data – Refactored and optimized the way Dynamic Data works.
Loop Elements – Refactored and optimized how Loop elements and queries work in Breakdance.
Performance – Breakdance no longer automatically loads all the posts for preview within the Builder.
Performance – Refined “Remove Gutenberg Blocks CSS” option to remove inline styles from Classic Themes.
Usage Tracking – Added setting to opt-in to share anonymous usage data to help improve Breakdance. Usage tracking may be toggled on/off via Breakdance → Settings → Privacy. This setting is toggled off for existing sites. Privacy information.
Developer
Element Studio – %%tags%% now work in SSR files.
Added the breakdance_form_should_run_action_[ACTION_SLUG] filter to allow an invalid form action to prevent other actions from running.
The Form Submissions Admin menu will now display for applicable users when using the breakdance_form_submission_capability filter.
Breakdance AI
Updated to version 1.2.0
Improvement – Includes the gpt-4o and gpt-40 mini models.
Improvement – When an AI source returns an error, the error details show in the Builder instead of just the browser’s developer’s console.
We’re happy to announce Breakdance 2.2, which introduces the brand new Term Loop Builder element, various new data points, and other polish and fixes.
Breakdance 2.2 Beta 1 is available for download in the customer portal. We’d like to extend a special thank you to everyone who beta tests Breakdance releases – your feedback, bug reports, and communications with our team is invaluable and helps us get stable releases out quickly.
Term Loop Builder – Create Custom Layouts For Term Data And Display Them In A List, Grid, Or Slider
You’ve always been able to create incredible post loops with the Post Loop Builder element, product loops with the Products List element, and create loops from ACF Repeater / Metabox Cloneable Group data with the Repeater Field element. Now, with the Term Loop Builder, you can quickly create beautiful loops of the terms in any taxonomy. Whether you’d like to create a custom design to display a list of categories on a blog post, create a custom design for a list of WooCommerce product categories, add a list of terms in a custom taxonomy to your header or footer, or anything else you can imagine, the Term Loop Builder element is here to make it easy.
Build Term Queries Visually Or Use PHP For Unlimited Flexibility
With our new query controls for terms, you can visually create a term query. For advanced use cases, use custom PHP directly inside Breakdance to build any term query you want – all values accepted by the WordPress WP_Term_Query class are supported.
New Data Points To Display Term Data Dynamically in Global Blocks
We’ve added the new Term category for Dynamic Data, allowing you to easily design a Global Block to create a custom layout for your terms. In addition to the default Term fields, you can use custom fields, WooCommerce fields, or ACF/Metabox fields to create anything you can imagine. You can also use the Dynamic Data API to create custom data points that meet your needs.
Loop Elements – Display A Specific Global Block When Empty
Turn empty Loops into a marketing tool with our new “When Empty” control for Loop elements. When the Loop returns no results, this Global Block will display. Perfect for suggesting popular products, displaying a contact form to gather information on what a visitor may have been looking for, or providing further insight as to why no results are showing.
Polishes & Fixes
Breakdance 2.2 includes various polish, fixes, and enhancements.
Builder
Performance – Introduced Caching for Design Sets in the Design Library.
Elements
Cart Empty Message – Fixed Fatal Error that Occurred when Working in Breakdance
Cart Page – Improved Default Layout.
Comments List – Supports Pagination, Pending Comments, Form and Schema Improvements.
FAQ – Added Role Attribute for Improved Accessibility.
Form Builder – Conditions Work for HTML Fields.
Form Builder – Fixed Timezone issue with Time Field.
Form Builder – Page Scrolls to Top When Changing Steps.
Gallery – Default Images Show Correctly.
Gallery – Alt Tags Load Automatically From Media Library.
Image – HTML is now self-closing.
Image – Improved Custom Background Position.
Image – Improved Alt Text Handling.
Mini Cart – Button Styles now Register Properly.
Slider – Now Works Within an Accordion Element.
Social Share Buttons – Improved URL encoding.
Table of Contents – No Longer Picks Up Comments.
General
Form Submissions – Improved Layout.
Missing Element Messages Are Now Hidden on the Front End for non-Breakdance users.
Improved CSS Regeneration.
New Data Points – Product Category Count, Product Category Image, Term Count, Term Description, Term Field, Term ID, Term Name, Term Permalink, Search Query.
Updated Elements to Improve Support for PHP 8.3.
Integration – Mailchimp – Increase Field and Audience limits to 1000.
Performance – Lazy Loading Background Images.
Performance – Added Breakdance Version for Cache Busting.
Developer
Filter Bar now uses namespace \Breakdance\LoopBuilder instead of \Breakdance\WpQueryControl.
Quantity Input for WooCommerce now dispatches a change event.
Breakdance 2.1 is now available. Breakdance 2.1 introduces several new features, as well as many refinements, fixes, and enhancements.
Importing Full Website Designs in a Single Click is Now Available to 3rd Party Creators
It has always been possible to import a full website design in a single click in Breakdance with our official templates. Now, we’re extending this functionality to our third-party template creators.
We now have over 230 templates in the Design Library. 3rd party creators are constantly submitting fantastic templates, and now these can be imported with one click in Breakdance 2.1.
To facilitate this, we’ve added a new option in the WP Admin at Breakdance > Settings > Design Library that allows creators to enable importing the entire site in one click. Anyone who adds your design set to their Breakdance installation can then install it by going to Breakdance > Design Library in the WP Admin and clicking the import button.
Thank you to everyone who is creating fantastic templates for Breakdance!
A Brand New Image Element
We’ve totally rewritten the image element from the ground up. The HTML on the front end is leaner, and several new controls are available.
Cleaner HTML – Just One <img> Tag
The Image element is a whole lot cleaner. We’ve reduced the front-end code to just one <img> tag.
Alt Tag Value is Linked to the Media Library
Alt tag values can be set to come straight from the WordPress Media Library. Anything you change in the Media Library will automatically show on the front end. You can add custom alt tags or mark an image as Decoration only.
Disable Srcset & Sizes Using a Toggle
If you’ve ever wanted to disable the default WordPress Srcset & Sizes options for an Image, we’ve added a new control that allows you to do it.
It’s Easier than Ever to Use an Image from Anywhere
Aside from the WordPress Media Library, we’ve made it easier to specify the URL for an image with the click of a button. This makes it quicker and easier to display images from anywhere.
Icon Library Enhancements
There are some new options for the Icon Library that improve search results and the ability to manage custom Icons.
Export Icon Sets
You can now export an icon set from one Breakdance install and then re-import it on another Breakdance install.
Delete Individual Icons
You can now delete individual icons from your icon sets.
Vastly Improved Search
We’ve made significant improvements to the search algorithm for icons. Now, when searching through icons, finding the icon you’re looking for will be much easier.
Right Click To Copy & Paste
You can copy & paste icons by right-clicking the icon in the properties panel and then choosing to copy or paste.
New Condition: Is Page/Post Built With Breakdance
Ever wanted to know if a page is or isn’t using Breakdance? There’s a new condition that does just that. The “Content Created With” condition can be found when editing in Breakdance or using conditions on Templates, Headers, or Footers.
This condition can be handy if you want one template for pages or post types created with Breakdance and a different template for posts or pages that use the WordPress editor.
You Can Now Choose Custom Breakpoints in Most Breakpoint Dropdowns
We’ve added a new preference for including custom breakpoints in most breakpoint dropdown controls. Once this preference is enabled, you’ll be able to select your custom breakpoints within those controls. Limitations apply.
Global Colors Now Show in the Gradient Picker
We know how much you love using global colors. They’re easy to set up and save a tremendous amount of time. We also have an amazing pro-level gradient picker that allows you to create any gradient you’d like and save them as global gradients.
Now, we’re making it even easier to keep your color palette consistent. Global colors can now be used within the gradient picker.
Even More Keyboard Shortcuts
We added a ton of workflow enhancements and keyboard shortcuts in Breakdance 2.0, and we added even more in Breakdance 2.1.
Spacing Control – Use “=” Shortcut To Apply To All Sides
When working with a spacing control, you can toggle the “Apply All” button on and off by pressing “=”.
Shift+Click The Indicator Light to Clear Styles For Any Breakpoint
Whenever you’re working on a control, clicking the indicator light will clear the styles for it. New in 2.1, hold shift when clicking, and only the styles for the chosen breakpoint will be cleared.
Breakdance AI – Developer Hooks
It is now possible to override the AI model and AI API endpoint with two new filters. The breakdance_ai_model allows you to change a model to something else. For example, if you want to use an unlisted GPT model, you can use this filter to set that definition.
The breakdance_ai_api_endpoint filter allows you to change the API endpoint URL that you’re using – for example, to use https://openrouter.ai/ instead of OpenAI.
We’re ecstatic to announce Breakdance 2.1. Breakdance 2.1 introduces several new features, as well as many refinements, fixes, and enhancements. Thank you to everyone who submitted feature requests, bug reports, support tickets, and other feedback. This continues to help shape the future of Breakdance.
Existing customers may download the beta through the customer portal.
Importing Full Website Designs in a Single Click is Now Available to 3rd Party Creators
It has always been possible to import a full website design in a single click in Breakdance with our official templates. Now, we’re extending this functionality to our third-party template creators.
We now have over 230 templates in the Design Library. 3rd party creators are constantly submitting fantastic templates, and now these can be imported with one click in Breakdance 2.1.
To facilitate this, we’ve added a new option in the WP Admin at Breakdance > Settings > Design Library that allows creators to enabling importing the entire site in one click. Anyone who adds your design set to their Breakdance installation can then install it by going to Breakdance > Design Library in the WP Admin and clicking the import button.
Thank you to everyone who is creating fantastic templates for Breakdance!
A Brand New Image Element
We’ve totally rewritten the image element from the ground up. The HTML on the front end is leaner, and several new controls are available.
Cleaner HTML – Just One <img> Tag
The Image element is a whole lot cleaner. We’ve reduced the front-end code to just one <img> tag.
Alt Tag Value is Linked to the Media Library
Alt tag values can be set to come straight from the WordPress Media Library. Anything you change in the Media Library will automatically show on the front end. You can add custom alt tags or mark an image as Decoration only.
Disable Srcset & Sizes Using a Toggle
If you’ve ever wanted to disable the default WordPress Srcset & Sizes options for an Image, we’ve added a new control that allows you to do it.
It’s Easier than Ever to Use an Image from Anywhere
Aside from the WordPress Media Library, we’ve made it easier to specify the URL for an image with the click of a button. This makes it quicker and easier to display images from anywhere.
Icon Library Enhancements
There are some new options for the Icon Library that improve search results and the ability to manage custom Icons.
Export Icon Sets
You can now export an icon set from one Breakdance install and then re-import it on another Breakdance install.
Delete Individual Icons
You can now delete individual icons from your icon sets.
Vastly Improved Search
We’ve made significant improvements to the search algorithm for icons. Now, when searching through icons, finding the icon you’re looking for will be much easier.
Right Click To Copy & Paste
You can copy & paste icons by right clicking the icon in the properties panel and then choosing to copy or paste.
New Condition: Is Page/Post Built With Breakdance
Ever wanted to know if a page is or isn’t using Breakdance? There’s a new condition that does just that. The “Content Created With” condition can be found when editing in Breakdance or using conditions on Templates, Headers, or Footers.
This condition can be handy if you want one template for pages or post types created with Breakdance and a different template for posts or pages that use the WordPress editor.
You Can Now Choose Custom Breakpoints in Most Breakpoint Dropdowns
We’ve added a new preference for including custom breakpoints in most breakpoint dropdown controls. Once this preference is enabled, you’ll be able to select your custom breakpoints within those controls. Limitations apply.
Global Colors Now Show in the Gradient Picker
We know how much you love using global colors. They’re easy to set up and save a tremendous amount of time. We also have an amazing pro-level gradient picker that allows you to create any gradient you’d like and save them as global gradients.
Now, we’re making it even easier to keep your color palette consistent. Global colors can now be used within the gradient picker.
Even More Keyboard Shortcuts
We added a ton of workflow enhancements and keyboard shortcuts in Breakdance 2.0, and we added even more in Breakdance 2.1.
Spacing Control – Use “=” Shortcut To Apply To All Sides
When working with a spacing control, you can toggle the “Apply All” button on and off by pressing “=”.
Shift+Click The Indicator Light to Clear Styles For Any Breakpoint
Whenever you’re working on a control, clicking the indicator light will clear the styles for it. New in 2.1, hold shift when clicking, and only the styles for the chosen breakpoint will be cleared.
Breakdance AI – Developer Hooks
It is now possible to override the AI model and AI API endpoint with two new filters. The breakdance_ai_model allows you to change a model to something else. For example, if you want to use an unlisted GPT model, you can use this filter to set that definition.
The breakdance_ai_api_endpoint filter allows you to change the API endpoint URL that you’re using – for example, to use https://openrouter.ai/ instead of OpenAI.
Existing customers can download Breakdance 2.0 from the customer portal.
Below, you’ll find a technical changelog. For details on the new features shown in the overview video above, visit breakdance.com/v2.
A huge thanks to everyone who submitted feature requests, bug reports, support tickets and other feedback during the beta/RC period. This has been invaluable in helping us shape Breakdance v2.
New Features
New Layout Engine
CSS Grid Layout Controls in the Design tab
CSS Flexbox Layout Controls in the Design tab
More Keyboard Shortcuts
Design Presets
Migration Mode
Element: Menu Custom Area
Element: Content Reveal
Element: Badge
Element: Pulse Dot
AnalyticsWP Integration for Form Conversion Tracking
Breaking Change: Users must now have manage_options capability to access form submissions. Use filter breakdance_form_submission_capability to change the required capability
Google Fonts – Add the latest fonts
Upgrade Stock Icons – To Font Awesome 6 Free
Forms i18n
A11y Polish
Hide Admin Notices – From templates page
Icon Search – Improve it, make it work without hyphens
Adding Classes – Ignore enter press if an autocomplete item is selected
Border Settings – Fix not appearing when set in certain combinations
TinyMCE – Fix editor not loading in certain situations
PageSpeed Insights – Fixes
Fix Setup Wizard – Deprecated notice
Fix UI – Word-wrap behavior
Right Click Menu UI – Fix inherited document styles
Sticky Offset – Fix media query
Media Resizer – If WordPress returns an error, show the error message text
Fix – Handle undefined array access errors on form actions in some cases
Fixed issue causing some control sections to be hidden when editing Design Presets.
Made the “Modified” settings filter button work properly in the Design Presets panel.
Improved error logging.
Fixed CMD+I shortcut on Windows.
Various fixes for Design Presets.
Improved default heading style CSS.
Corrected a typo in h6 class in Breakdance default typography css.
Corrected bug causing actions and dependencies to fail to load in the builder.
AI settings are now saved when the page is saved.
Animations – API to re-run entrance animations
Border Settings UI – Make control vertical
Number Input – Make it less restrictive
Gutenberg – Make image alignment work in cases where it was broken by default 100% width on the figure tag
Remove Empty Gutenberg Stylesheet – From the frontend
Fix Global Blocks – Make duplicates have unique IDs
Conditions – Prevent null post titles from causing an IO-TS error
Builder – Don’t fire element actions if element is not on the page
Right Click Menu UI – Fix inherited document styles
Sticky Offset – Fix media query
Lightbox – Visual improvements & bug fixes for Lightbox links.
Lightbox – Added Show Download Button option to settings
Link Settings – Added Disable Autoplay option
Breakdance AI – Improved error messages
Layout – Fixed grid auto column, row, and flow options in layout controls
Border Control – Fixed bug causing changes to apply to all sides when only one was selected
Layout v2 – Allow newlines in CSS “grid-template” field
Object Position – Now works properly with Aspect Ratio for the Image element
Made adjustments to ensure styles are retained for certain typographical elements where a heading tag is no longer used
Entrance Animations – You can now use on tab content
ACF Relationship Fields – Fixed issue causing fields to not show up in the query builder in some cases
V2 Layout Engine – Now default for advanced elements
Advanced Layout Options – Corrected issue causing them not to work
v2 Layout Engine – Fixed for popups
Element Enhancements & Fixes
Sliders – Advanced: One per view at, enable never breakpoint
Sliders – Advanced: Add initial slide option
Gallery – Fix width option at Design > Slider Images when used as slider
Gallery – Fix vertical align option at Design > Slider Images when used as slider
Sliders – Fix behavior when you have fewer slides than the viewport width
Image – Add object position
Section – Fix Ken Burns origin not working
FAQ – Smooth transition
Advanced Tabs – Support opening on hover
Image Element – Remove line breaks inside the `` tag
Fix Twitter Timeline – Not showing up
Sliders – Add option to disable keyboard control
Slider – Support slides per group
Slider & Animated Elements – Re-run animations on slide change
Tabs & Animated Elements – Re-run animations on tab change
Swiper – Set default aria role as `generic`
Facebook Like Button – Fix not appearing
Lightboxes – Don’t render duplicate slides
Comment Form – Fix: Always show comment field as required
Login Form – Fix: Remember me not working
Tabs – Customize width when vertical
Basic Slider – Add more HTML tag choices for titles
Fancy Testimonial – Use p, not h3
TOC Element – HTML tag choices for title
TOC Element – Don’t render headings from within popups
Adjacent Posts – HTML tag choice for post titles
Twitter Icons – Change to new X logo and brand color
Video Background – Add warning about 3rd party services
Image – Fix missing sizes attribute in some cases
Icon – Fix responsive padding not working
Comments List – Rename itemprop attribute value
Rich Text – Add missing img alignment classes for TinyMCE
Image Hover Card – Fix whitespace below card if link is set
Search Form – Fix unclickable close button/close button appearing behind WP admin bar
Search Form – A11Y: Ensure elements are unfocusable when the search dialog is hidden
Search Form – Fix: Label pointing to the wrong id
Post Loop Builder – When set to slider layout and used via global block, the slider breaks when that global block is used more than once on the same page
Global Blocks – Ensure a unique block ID for each unique instance of a global block
TOC Element – Fix onProperyChanges error if container does not exist
Popups – Fix breakpoint conditions
Posts List / Post Loop Builder – Filter bar – Support sorting terms by name, term_order, count, and hide uncategorized
Posts List / Post Loop Builder – Filter bar – Option to hide ‘Uncategorized’ category
Header Builder – better sticky and offset controls
Menu Builder – Fix A11y when a form was used inside a menu custom dropdown
Form Builder – Fixed error caused by conditional fields marked as required
Tabs Element – Added open on hover option
Image Hover Cards – Now work correctly with Design Presets
Form Builder – File Upload fields can now be conditional
Icon – Fixed bug causing styles to only apply to All Devices breakpoint
Mobile Menu – Fixed issue that caused custom area to flicker when opening
Design Library
Design Library – Add apply_filters in getDesignProviders
Design Library – Update URLs when importing a design set
Design Library – Improve position of “Add to Page” button
Design Library – UI polish
Forms
MailChimp Integration – If subscriber already exists, update the list member information
ActiveCampaign Integration – Fixes and improvements
Form Submissions – Fix fatal error on submissions page if submission record in the database contains invalid serialized data
Form Submissions – Fix date formatting
Form Submissions – Fix form submissions when combining filters
Email Action – Fix attachments not being sent when store submission is active but “store uploaded files” is disabled; add missing esc_html to the Email Action details dialog
Email Action – Escape email headers before passing them to wp_email and saving them to the database
Email Action – Ensure names like O’Brien are not improperly escaped
Email Action – Add CC support
Email Action – Add BCC support
Webhook Action – Allow JSON as body in webhook requests
Form Builder – Add option to hide labels for individual fields
Form Builder – Make required tooltip appear for file upload input
Form Builder – Fix conditional fields not appearing in certain cases
Form Builder – Enable all operands for use with conditional field display when using checkbox and radio form fields
Form Builder – Fix conditional display of fields relying on a number field that is set with the + / – buttons
Form Builder – Fix min value requirement when using + / – buttons
Form Builder – Fix double quotation marks in field labels causing formatting problems
Dynamic Data
Dynamically Set Images – Add srcset and sizes
ACF Integration – Fix custom fields not being available in the dynamic data chooser in some cases
Meta Box Integration – Fix custom fields not being available in the dynamic data chooser in some cases
Show All Dynamic Fields – In the chooser at all times
Conditions Chooser UI – Add autocomplete
Conditions – Allow using the same condition multiple times with AND
Support Truncating – Multi-byte characters, and strip HTML from truncated text
Video Element – Support dynamic data for setting poster images
WooCommerce
Woo – Improve i18n
Woo – Support transparent product images
Woo – Fix loading required files even if Woo styles are disabled
Woo – Price as dynamic data: use get_price_html function, which includes currency symbol automatically
Woo – Prevent SSR error in the builder when cart is hidden
Woo – Prevent Mini Cart from throwing an error when it is hidden (the Woo PayPal Elements plugin hides the Mini Cart widget on the cart page on purpose)
Woo – Products List: Hide out of stock not being respected
Woo – Quantity input: hide if only one item per cart is allowed
Woo – Checkout: fix order review form position after Woo update
Woo – Mini Cart: Fix padding-right shifting design
Woo – Mini Cart: Compatibility with entrance and scrolling animations
Woo – Made shop table styles apply for subscription product.
Woo – Changed default gallery thumbnail width from 100px to 300px.
Woo – Fixed placement of dropdown arrow on checkout page in Firefox.
Element Studio
Element Studio – Make arrays in code output cleaner
Element Studio – Remove paths that start with settings from dynamic properties on save
Element Studio – Replace deprecated get_class function
Breakdance 1.7 includes a number of important new features, and a large number of tweaks, enhancements, and general quality of life updates.
We’re very excited to announce that the first beta of Breakdance 1.7 is now available for testing. You can find the beta download in the customer portal.
Read on to find out more about what’s in store in Breakdance 1.7!
Build Massive WooCommerce Stores with Breakdance
New in 1.7, we’ve heavily optimized Breakdance to operate on WooCommerce stores with enormous product inventories and extremely large taxonomy term counts. Stores with huge numbers of products or those dealing with a large number of category and tag combinations can now operate smoothly without any performance hiccups. This is achieved through improved data handling and query optimization, ensuring that large-scale operations do not compromise the site’s speed and user experience.
This makes Breakdance an ideal solution for high-volume online retailers seeking a robust and reliable e-commerce platform. Looking ahead, this update positions Breakdance not just as a tool for current needs but as a future-proof solution for expanding online stores. As businesses grow and diversify their offerings, Breakdance will continue to provide a stable and efficient platform, adaptable to evolving market demands and customer expectations. Our commitment to scalability and performance makes Breakdance a valuable asset for ambitious WooCommerce store owners aiming to scale their operations seamlessly.
Introducing The Template Marketplace
We’re super excited to foster a rich ecosystem around Breakdance. One of the first steps toward that is the new Template Marketplace, which is launching alongside the first beta of Breakdance 1.7.
The Template Marketplace is a complete list of community-created and native templates available for use via Breakdance’s design library.
You can browse the list of templates and find beautiful designs to propel your site to the next level instantly.
To further enable the distribution and sale of third-party templates, we’ve introduced a few enhancements to our design library features.
Hide The “Copy Section” Button
On sites designated as design sets, visitors are presented with a convenient “copy section” button while browsing the site on the front-end.
For premium template sellers, this needs to be hidden for any users who haven’t already paid for the design.
In Breakdance 1.7, we’ve made this button optional and disabled by default.
Password Protect Your Design Sets
Previously, it was difficult to protect premium design sets from non-paying customers.
In Breakdance 1.7, you can password protect access to your design sets easily.
The password you designate can then be distributed to paying customers via your sales platform or other means.
Add Alternate & Static Items In Repeater Layouts
Breakdance features stellar support for repeatable content from plugins like Advanced Custom Fields and Meta Box via its Repeater element.
In Breakdance 1.7, you can now designate alternate Global Blocks and even static content to be shown interstitially within your Repeater element, enabling a vast array of creative and effective layouts.
Edit Rich Text Your Way
In Breakdance 1.7, we’ve introduced the ability to edit Rich Text elements with the TinyMCE editor.
This feature was highly demanded and provides an incredible amount of flexibility when authoring rich text content in Breakdance.
Developer API For Global Settings
Developers rejoice! You can now add your own Global Settings to Breakdance’s Global Settings areas via our new Global Settings API.
We’re excited to share that Breakdance 1.6 is now available in beta.
We’ve packed in new features, tweaks, and fixes that will make your website-building experience smoother, faster, and more creative.
Login to the customer portal to download Breakdance 1.6 beta 1.
We’re aiming to roll out the final version of Breakdance 1.6 in October.
Enhanced Search with WooCommerce & Custom Post Type Support
In this update, we’ve supercharged the Breakdance’s Search Form element.
Search WooCommerce Products & Custom Post Types
Now, you have the power to refine your search results even further. With the new update, you can add an option in the Search Form element to display results from a specific post type. This means if you want your users to only see blog posts or product listings or any other custom post type in their search results, you can easily set that up.
Combine search with Breakdance’s elements for WooCommerce filtering
The Breakdance Search Form element seamlessly works hand-in-hand with our specialized elements for WooCommerce filtering. When users navigate through your WooCommerce store, they can effortlessly filter and refine their search results. Whether they’re looking for a particular product category, price range, or other attributes, our search functionality streamlines the shopping experience, guiding users to their desired products with ease.
In our recent update, we’ve bolstered the connection between the Breakdance Search Form element and our specialized elements for WooCommerce filtering. This enhancement ensures that when users browse your WooCommerce store, they can effortlessly filter and refine their search results. Be it a specific product category, price range, or other attributes, these filters can be integrated with the search results page users are taken to after searching with the upgraded Search Form Element. Our upgraded search functionality streamlines the shopping experience, making product discovery straightforward and efficient.
Smoothly integrate with third-party plugins like FacetWP and WP Grid Builder for added filtering capabilities
The Breakdance Search Form element is designed to integrate with popular third-party plugins, specifically FacetWP and WP Grid Builder. This integration provides users with enriched filtering capabilities, ensuring that they can access more refined and precise search results.
Accessibility Improvements for the Search Form
We believe in creating a web that’s accessible to all. To this end, we’ve addressed and fixed the A11Y issues related to the Search Form, ensuring no duplicate IDs and adding missing a aria-label. This not only enhances the user experience for those using screen readers but also makes it easier to ensure your website is compliant with accessibility standards.
New “WP_Query Found Posts Count” Condition
Ever wanted to display a custom message when no posts match the search criteria? Now you can. With the addition of the WP_Query Found Posts Count condition in the Element Display Conditions, you can set up your website to show a specific message or element if no posts are found. This feature is especially useful for sites with dynamic content, ensuring users always have context, even when their search yields no results.
Duplicate & Active Toggles for Templates, Headers, Footers, & Popups
Creating templates for your website’s headers, footers, popups, and global blocks has never been easier. With the new Duplicate and Active Toggle features, you can clone your templates in a snap and easily switch between them.
Beta Support for PHP 8.2
We’re excited to introduce beta support for PHP 8.2. Although WordPress is still in the beta phase for this PHP version, we’re gearing up to offer full support as soon as WordPress is on board. If you encounter any Breakdance-related issues with PHP 8.2, please let us know.
Enhancing Client Mode
We’ve refined Client Mode in Breakdance 1.6.
We’ve fixed an issue where editors could choose to edit a Breakdance post with the default editor.
We’ve also granted access for editors to manage Breakdance form submissions – even if they don’t have access to Breakdance itself.
Editors will now have a more streamlined experience, ensuring they can’t tamper with your design while still having the access they need.
Enhanced Error Dialogs
Building a website can sometimes be met with unforeseen errors. It could be a wonky plugin, a hosting hiccup, or just some tech gremlins messing around.
With Breakdance 1.6, we’re stepping it up with a snazzier error dialog. It gives you the nitty-gritty details. The best part? If you’re scratching your head, there’s now a one-click button to whip up an email to your hosting provider or support peeps.
So, no more tech-induced headaches. We’ve got your back, helping you sort out those pesky issues in no time.
Complete Changelog
New Features
Duplicate & Active Toggle for Templates (and Headers, Footers, Popups, & Global Blocks)
Search Form – support custom post types, ensure integration with Woo filters, FacetWP, WP Grid Builder, and any search results page in WordPress
Other Polish & Fixes
Popups – Improve Hashlink Autoclose Behavior
Popups – Pause Videos On Close
Popups – Add Open/Close Action API
Client Mode Polish
Various PHP 8.x Fixes
Template Previewable Items: Improve Logic
Nothing to Preview Notice – remove misleading colors
Better error dialog
Maintenance Mode – Correctly Set 503 Header
Make Global Settings > Advanced > Body Font Family Apply Correctly In Media Queries
Global Colors: use uuid in CSS variable names
Caching: call clean_post_cache after saving
Code Block: PHP & HTML Label
Template Settings: Fix Typo
Template Settings: Fix IO-TS Error(s)
Dropdowns: add 100vh max height
Fix Clipboard Console Error
Link Input – Support string URLs
Class Input – Enter to Add Class
Element Enhancements
Gallery: add option to disable srcset & sizes for thumbnails
Mini Cart – Options to Hide Subtotal / Qty When Empty
Lightbox: show close button on mobile
Mini Cart: fix default text-align
Pricing Table: customize HTML tag for title
Simple Counter: customize title & number HTML tags
Breakdance 1.3 is a huge release that includes many highly-requested features, as well as a large number polishing items, tweaks, and small enhancements.
Login to the customer portal to download it, or read on to find out what’s new in this release.
WooCommerce Custom Product Loops
Create custom product loops using the Custom Area option added to the Products List, Shop Page, and other similar elements. This unlocks unlimited possibilities for custom product loops, allowing you to completely customize the layout of your lists of WooCommerce products.
Vertical Menus & Vertical Mega Menus
Build sidebar menus, footer menus, and more with Breakdance's new vertical layout option for the WP Menu and Menu Builder elements.
Accessibility Enhancements
Many of our elements received accessibility tweaks, including our WP Menu and Menu Builder elements which received an extensive accessibility-focused overhaul, making them easier to use for screen reader and keyboard users.
Isotope Filtering
Enable beautiful Isotope filtering for any post loop element in one click. Filter by categories, tags, product attributes, custom taxonomies, and more.
Query Builder Meta Queries
Now you can perform advanced meta queries using Breakdance's query builder, no code required. Single level meta queries & complex, nested meta queries are all possible in just a few clicks.
WooCommerce Conditions
We've added a number of powerful WooCommerce-specific conditions such as Stock Status, Stock Quantity, On Sale, Cart Quantity, Cart Value, Customer Order Count, Customer Total Spend, and many more. Some can be used in the Query Builder, and some can be used to show or hide elements.
Native SVG Uploads
Now you can enable SVG uploads via Breakdance's settings. Advanced users no longer need to install third-party plugins just to allow you to use SVG assets on your Breakdance site.
Advanced Accordion Element
Build fully custom accordion layouts with the new Advanced Accordion element. Add other elements inside the Advanced Accordion for highly specialized layouts & better user engagement.
Global Gradients
Create a palette of gradients in your Global Settings and then reuse them everywhere in your design in one click. Changing a Global Gradient will change the gradient everywhere it's been used, saving you hours of editing time.
WooCommerce Variation Swatch Integrations
Breakdance 1.3 adds native integrations and built-in styling options for the plugins "Variation Swatches for WooCommerce" and "Variation Swatches for WooCommerce by CartFlows."
Tooltip Element
Add Tooltips to anything in Breakdance with the Tooltip element. This element acts as a container, allowing you to insert any Breakdance element inside of it. On the front-end, your custom tooltip will be shown when anything inside the Tooltip element is hovered.
FacetWP Integration
Add the FacetWP Facet element to enable powerful, visual filtering for any post loop element in Breakdance.
GridbuilderWP Integration
Add the GridbuilderWP Facet element to enable powerful, visual filtering for any post loop element in Breakdance.
Query Builder Sort By ACF / Meta Box
Sort your post loops by ACF or Meta Box field values using Breakdance 1.3 and the visual query builder.
File Upload Field
Breakdance's already powerful native Form Builder now includes a File Upload field.
ACF Group Field Support
Breakdance now fully supports Advanced Custom Fields' Group Field type. Organize your fields beautifully while rendering their contents in Breakdance.
Meta Box Settings Page Support
Breakdance also now includes full support for Meta Box Settings Pages. Give clients the ultimate experience with Meta Box and Breakdance.
That’s not all. We also made a ton of small enhancements to existing features & functionalities.
Front-end scripts now deferred
Bottom position for Header Builder
Section Width placement for Menu Builder dropdowns
Style active state for Menu Builder links
Accessibility improvements for FAQ, Form Builder, Search Form, Tabs, Mini Cart, and more
Improved onboarding flow
Front Page template location
80+ other tweaks, enhancements, and fixes
For more details on additional changes and enhancements, consult the alpha & beta blog posts or consult the bug tracker for additional details.
fix licensing errors for “Free Year For Oxygen Users” in Breakdance 1.3 Beta 1
don’t disable update_post_metadata_cache on save – this will result in increased memory usage, but prevent various bugs with SEO plugins that rely on this hook
form builder – fix min/max attributes on date fields
breakpoints – improve editing custom breakpoints
popups – fix has taxonomy condition
query builder – better handling of empty ACF relationship fields
privacy – only send “delete cookies” cookies once
columns – fix background image responsive size
gradient picker – fix crashes, general polish
hide by breakpoint – fix invalid CSS
metabox – fix various PHP/IO-TS errors in Breakdance when fields are added to a non-existent settings page in Metabox, or no settings pages are selected in the UI
safari compat – prevent crash due to unsupported regexp syntax
dynamic data – fix ACF Image, Gallery and Repeater fields not working when they are a child of an ACF Group Field
conditions – remove unnecessary requirement for global product in purchased product condition
add polyfill for php8.1 array_is_list function
facet plugin integrations – show facet controls for Shop Page element
make Advanced Accordion Work In Posts Loop
Login Form – fix “Remember me” toggle hiding “Forgot Password”
Video – add playsinline attribute to all videos
Video – force lightweight vimeo to have a text align of left to prevent video and thumbnail being positioned out of viewport when inheriting text-align from container
Products List – fix vertical Filter Bar
Tooltip element – polish
Global Gradients – polish
Posts List – disable pagination if Isotope is enabled
Menu – bottom position polish
Swiper – fix backwards compatibility for Space Between Items changes
Countdown Timer – fix crash on save when divider is used
FAQ – don’t show error message when changing title tag
Product Loop Builder – support sliders inside
Variation swatch integrations polish
Facets – fix facets not working with Products List element
The above is a mostly complete list of fixes and tweaks in 1.3 Beta 2. Some fixes are for bugs present in 1.2, and some are for regressions only present in 1.3 Beta 1. Please consult the bug tracker for details.
Design Library – Better Design For Import Complete Websites Screen
Fix missing icons on some environments
Feature – add text underline offset to typography controls
RankMath – fix error when saving and having PRO + sitemaps enabled
Feature – add “In Term” and “Taxonomy” options to Adjacent Posts element
Automatically Load GSAP from CDN
Revert changes related to getting image sizes from the WP media library on the fly
Dynamic Data – Include videoId with oembed data
WooCommerce Cart – mobile divider styles
WooCommerce – allow CSS variables in icon colors to support global colors
WooCommerce – out of stock styles
WooCommerce – quantity input polish
Backgrounds – fixes related to gradient animations
Background – fixes related to layering multiple backgrounds
Mini Cart – A11Y – improve keyboard focus
Circle Counter Element – better handling of CSS variables to support Breakdance global colors
Header Builder – don’t show background in builder when creating a footer using Header Builder
Section Width – support percentage widths properly
Icons – fix border hover color
Lightbox – replace pointerup with click event when triggering lightbox
Fancy Container – fixes related to hover styles
Animated Heading – polish
Repeater – add missing default CSS
Various Swiper fixes
Various polishing items related to the new filtering / facets / isotype functoinality
Advanced Accordion – fix icon disappearing on mobile
Accordions / FAQ – fix title color on mobile devices
Global Styles – fix some invalid CSS
Wrapper Link – fix lightboxes
Sections – shape divider fixes
Design Library – improve workflow with “Open in Breakdance” button after import
Conditions – check if rule value is undefined or an empty string/array instead of just falsy as some falsy values are allowed
WooCommerce – Refactor hardcoded color variables
Dynamic Data – Support attachment IDs in user image values
Form Submissions – Fix grouping for display and export
Form Submissions – handle array values in CSV export
Element Studio – add option to disable live preview for macros
Allow zero “0” as HTML attribute values
Allow ‘:’ in the middle of HTML attributes
Element Studio – disallow deleting the built-in elements
Rich Text – prevent links from being opened in the preview
UI – add newbie guide video
Dynamic Data – Video and Image URLs and Upload Fields polish
Check that get_terms returns a value and not an error
Allow “Breakdance Free” license keys to be used.
Use Wp_Query instead of the deprecated “get_page_by_title”
Fix day of week condition and make dates code consistent
Clean multisite cache correctly
Fix “post type is” condition
Exception thrown by SplObjectInfo::getType() wasn’t handled properly
Fix Twig cache directory for multiple WP installations on a same server
Dynamic Data – Sub field fixes
Cache Busting – revert query param renaming
Regenerate CSS Cache On Plugins Activation
Always run font replace for “replace url” tool
Improve cache busting
The above is a mostly complete list of fixes and tweaks in 1.3 Beta 1. Some fixes are for bugs present in 1.2, and some are for regressions only present in 1.3 Alpha 1. Please consult the bug tracker for details.
Breakdance 1.3 is a huge release that includes many highly-requested features, as well as a large number polishing items, tweaks, and small enhancements. Here are a few of the most prominent changes and features coming to Breakdance 1.3.
All the below features are available now in Breakdance 1.3 alpha 1. Login to the customer portal to download it, or read on to find out what’s new in this release.
WooCommerce Custom Product Loops
Create custom product loops using the Custom Area option added to the Products List, Shop Page, and other similar elements. This unlocks unlimited possibilities for custom product loops, allowing you to completely customize the layout of your lists of WooCommerce products.
Vertical Menus & Vertical Mega Menus
Build sidebar menus, footer menus, and more with Breakdance's new vertical layout option for the WP Menu and Menu Builder elements.
Accessibility Enhancements
Many of our elements received accessibility tweaks, including our WP Menu and Menu Builder elements which received an extensive accessibility-focused overhaul, making them easier to use for screen reader and keyboard users.
Isotope Filtering
Enable beautiful Isotope filtering for any post loop element in one click. Filter by categories, tags, product attributes, custom taxonomies, and more.
Query Builder Meta Queries
Now you can perform advanced meta queries using Breakdance's query builder, no code required. Single level meta queries & complex, nested meta queries are all possible in just a few clicks.
WooCommerce Conditions
We've added a number of powerful WooCommerce-specific conditions such as Stock Status, Stock Quantity, On Sale, Cart Quantity, Cart Value, Customer Order Count, Customer Total Spend, and many more. Some can be used in the Query Builder, and some can be used to show or hide elements.
Native SVG Uploads
Now you can enable SVG uploads via Breakdance's settings. Advanced users no longer need to install third-party plugins just to allow you to use SVG assets on your Breakdance site.
Advanced Accordion Element
Build fully custom accordion layouts with the new Advanced Accordion element. Add other elements inside the Advanced Accordion for highly specialized layouts & better user engagement.
Global Gradients
Create a palette of gradients in your Global Settings and then reuse them everywhere in your design in one click. Changing a Global Gradient will change the gradient everywhere it's been used, saving you hours of editing time.
WooCommerce Variation Swatch Integrations
Breakdance 1.3 adds native integrations and built-in styling options for the plugins "Variation Swatches for WooCommerce" and "Variation Swatches for WooCommerce by CartFlows."
Tooltip Element
Add Tooltips to anything in Breakdance with the Tooltip element. This element acts as a container, allowing you to insert any Breakdance element inside of it. On the front-end, your custom tooltip will be shown when anything inside the Tooltip element is hovered.
FacetWP Integration
Add the FacetWP Facet element to enable powerful, visual filtering for any post loop element in Breakdance.
GridbuilderWP Integration
Add the GridbuilderWP Facet element to enable powerful, visual filtering for any post loop element in Breakdance.
Query Builder Sort By ACF / Meta Box
Sort your post loops by ACF or Meta Box field values using Breakdance 1.3 and the visual query builder.
File Upload Field
Breakdance's already powerful native Form Builder now includes a File Upload field.
ACF Group Field Support
Breakdance now fully supports Advanced Custom Fields' Group Field type. Organize your fields beautifully while rendering their contents in Breakdance.
Meta Box Settings Page Support
Breakdance also now includes full support for Meta Box Settings Pages. Give clients the ultimate experience with Meta Box and Breakdance.
That’s not all. We also made a ton of small enhancements to existing features & functionalities.
Front-end scripts now deferred
Bottom position for Header Builder
Section Width placement for Menu Builder dropdowns
Style active state for Menu Builder links
Accessibility improvements for FAQ, Form Builder, Search Form, Tabs, Mini Cart, and more
Below is a mostly complete list of fixes and polish implemented between 1.1 beta 2 and 1.1 RC 1. Please consult the bug tracker for more details after 1.1 final is shipped.
Fixes, Polish & Enhancements
Archives – allow custom queries on archive pages
Tabs – polish to 1.1 control enhancements
Section – fix Play On Mobile option for video backgrounds
Section – remove iframe border on video backgrounds
Section – fix Shape Divider set to bottom position flips vertically when setting the width on breakpoints
Forms – polish to stepper and 1.1 enhancements
New Elements – correct text alignment
Posts List / Post Loop Builder – better default behavior for card height
Scroll Progress – polish
Table Of Contents – polish
Mini Cart – prevent page scrolling on mobile devices when mini cart is open
Breakdance 1.1 Beta 2 is now available. We plan to ship Breakdance 1.1 final in late November.
Login to the customer portal to download the beta.
Below is a mostly complete list of fixes and polish implemented between 1.1 beta 1 and 1.1 beta 2. Please consult the bug tracker for more details after 1.1 final is shipped.
Fixes, Polish & Enhancements
Maintenance Mode – fix
Global Settings Import – fix
Image – add aspect-ratio and object-fit
Mobile Menu – prevent top-level dropdown links with hash from closing the submenu
Popups – fix closed popups conflicting with other elements
Dual Heading – animate annotation on scroll
Products List – better support for custom queries
Login & Register Form – add WP hooks to Login & Register form elements, fix auto-login, enhance compatibility
ACF Repeaters – add support for ACF repeaters on ACF options pages
Privacy – add option to disable conditions that rely on tracking cookies to Breakdance > Settings > Privacy
Column – add Min Height control
Rich Text – automatically prettify HTML
Dynamic Data – page-specific ACF field groups weren’t appearing
Dynamic Data – make WooCo product price show a price range for variable products
Dynamic Data – make all fields available for headers, footers, and popups
Dynamic Data – allow setting link URL dynamically to WooCo Product Image
Form Builder – add developer hooks to affect frontend HTML output
Form Builder – improve consistency of input heights
Form Builder – fix message display in horizontal forms
Form Builder – fix fields with no labels not able to be inserted in Action fields
Form Builder – show hidden input values when viewing a form submission
Form Builder – fix old errors not being removed on submission
Form Builder – fix inability to customize field width with a multi-step form
Gallery – display captions set in WP media library if available
Breakdance 1.1 Beta 1 is now available with a ton of new features. We plan to ship Breakdance 1.1 final in late November.
Login to the customer portal to download the beta.
General Features
Repeater Field Support for Advanced Custom Fields & Metabox
Multi-Step Forms with Form Builder
Draft Sections
Structure Panel Friendly Names
WooCommerce Features
Granular elements for WooCommerce Checkout
Granular elements for WooCommerce Cart
Enhanced Quantity Inputs Design
Quantity Inputs in Mini Cart
Optional Quantity Inputs in Products List
Products Lists as Sliders
Editable Areas for the Mini Cart
New Elements
SEO Breadcrumb for Yoast or RankMath
Content Toggle
Back To Top
Scroll Progress
Instagram Embed
Table Of Contents
Fancy Container
We now have 127 built-in elements!
Other New Features & Enhancements
Tabs elements – vertical mode
HTML Mode for Rich Text Editor
Additional Keyboard Shortcuts
Right Click Menu – Paste Settings
Refresh Button for Elements That Render On The Server
Slider Link Actions – Support Next Slide / Previous Slide
Plugin Template Compatibility for The Events Calendar and many other plugins
Video element polish, including a YouTube facade for much better load time performance when embedding YouTube videos
Bug Fixes
Breakdance 1.1 Beta 1 includes numerous bug fixes. We will provide a complete changelog with the release of Breakdance 1.1 final, and during the beta period we will update the issues on the bug tracker to indicate which issues are addressed in Breakdance 1.1.
We plan to offer time-limited free trials of Breakdance very soon. To facilitate this, we made it so that Breakdance will run in “trial” mode until a license key is entered. If no key is entered, Breakdance will stop working after 30 days.
If you see a message saying your trial is expiring or is expired, go to the Breakdance > Settings > License screen in the WP admin and enter your license key. If your license key is already present, simply going to the screen will be enough to take Breakdance out of “trial” mode.
If you don’t want your license key to be present on the site, you can remove it after you enter it.
Breakdance will know that the license was there previously, and will not go back to “trial” mode even after the license key is removed.
Changes
Add ability to distribute free trials of Breakdance
There were no changes from the release candidate to the final release.
Changes
Remove beta warning from Breakdance > Home
Fix support for “0” as HTML attribute values
Fix – CSS minification in custom CSS calc units when “+” was present
Fix – RankMath causing attachments with dynamic data to error
Fix – Dynamic Data IO-TS error – caused by a translation plugin not setting the taxonomy label correctly
Fix – Gallery – lightbox JavaScript running twice
Improve – improve error handling for errors that occur after echoing AJAX JSON. This will avoid the “unexpected character in JSON” error some users have been seeing.
Fix – CSS minification in custom CSS calc units when “+” was present
Fix – RankMath causing attachments with dynamic data to error
Fix – Dynamic Data IO-TS error – caused by a translation plugin not setting the taxonomy label correctly
Fix – Gallery – lightbox JavaScript running twice
Improve – improve error handling for errors that occur after echoing AJAX JSON. This will avoid the “unexpected character in JSON” error some users have been seeing. (Important Note: your server is still misconfigured. This error never had anything to do with Breakdance. Consult your error log.)
With the release of Breakdance Beta 12, the public beta of Breakdance is now closed to new users. We will release Breakdance 1.0 in the first half of September.
We’d like to thank all of our beta testers for helping us get 1.0 ready!
I’m an Oxygen user – can I combine the $149/year special introductory pricing offer with my free year?
Yes. Instructions will be provided when Breakdance 1.0 is released. Once you obtain your free year of Breakdance using the instructions in the oxygenbuilder.com customer portal, you can buy the $149/year subscription. Your free year will carry over to year two, so when it’s time for the $149/year package to renew the first time, you simply won’t be billed – you’ll get a free year. The package will then renew as normal in subsequent years.
