Breakdance 2.7 improves frontend accessibility, introduces slider syncing and cross-element slider controls, ships WP-CLI support, reduces the plugin size by 50%, adds autocomplete and custom input attribute support for form fields, introduces separate WooCommerce regular and sale price dynamic data fields, improves plugin compatibility, and includes fixes and polish for various functionality.

Significant Accessibility Improvements

Several elements now output better markup for screen readers and respect reduced-motion preferences, and a new skip link lets keyboard users jump past the header.

Skip to Main Content Link

Breakdance adds a “Skip to main content” link for WCAG 2.4.1 compliance. The link stays hidden until a keyboard user presses Tab, then lets them jump past the header to the main content. Enable it in Breakdance → Settings → Advanced. New installs have it on by default. Style it in Global Styles → Other → Skip Link.

Reduced Motion & ARIA Improvements Across Elements

• Sliders respect reduced-motion for autoplay and slide transitions.
• Testimonial star ratings and icon lists mark decorative icons as aria-hidden.
• Search Form controls use real buttons with proper labels.
• Posts List adds accessible read-more labels plus optional image alt text based on post titles.
• Filter Bar reports aria-selected on the active button.

Sync Multiple Sliders Together & Control Any Swiper with Buttons

Swiper-based elements can now be synced together and controlled with buttons from anywhere on the page.

Sync Multiple Swiper Sliders

Swiper-based elements now include a “Sync With Another Slider” toggle and a “Slider To Sync” dropdown that lists other sliders on the page. Selecting one keeps the two sliders in sync on the frontend.

Buttons Can Control Any Slider Layout

The “Control Slider” button action now recognizes Gallery and WooCommerce Products List elements when set to slider layout. This lets you wire next/previous buttons to any Swiper-based element on the page, not just dedicated slider elements.

WP-CLI Support for Automation and DevOps

Breakdance now ships with WP-CLI commands for common admin tasks like cache clearing, URL replacement, and settings management.

Cache Management & URL Replacement

Clear Breakdance caches and run URL replacements directly from the command line.

Settings Import/Export & License Management

Import and export settings, activate or deactivate licenses, toggle the theme, and retrieve system status without touching the WordPress admin.

Additional commands cover directory management, soft and total resets, and i18n POT file generation. Run wp breakdance or check out our docs to see the full list.

Form Enhancements to Fields, Buttons, and Input Attributes

Form fields now support browser autocomplete and custom input attributes via a developer hook, and form buttons support preset styles.

Form Buttons Now Support Presets

Submit, stepper, and file upload buttons in Form Builder, Login, Register, Forgot Password, and Comment forms now support Primary, Secondary, and preset styles.

Form Fields Support Browser Autocomplete

Form fields now have an Autocomplete setting in the Advanced tab. Set values like email, name, or tel so browsers suggest the right data when users fill in the form.

Developer Hook for Custom Input Attributes

The new breakdance_form_field_input_attributes hook lets developers output additional attributes on any form field.

Plugin Compatibility Enhancements

Breakdance now loads its assets through standard WordPress hooks instead of capturing and replacing page output. This fixes compatibility with plugins that rely on normal WordPress template loading, including MemberPress, SureForms, and TranslatePress.

MemberPress ReadyLaunch Compatibility

MemberPress ReadyLaunch screens now render correctly even when Breakdance templates are active.

TranslatePress Editor Compatibility

Breakdance now skips its template override when the TranslatePress editor is active, so the translation editor loads correctly on pages using Breakdance templates, including custom post types like Products.

Template Override Control for Developers

A new breakdance_should_override_template filter lets developers prevent Breakdance from overriding templates on specific pages. Return false from the filter to let the original template render instead.

Performance Improvements

Plugin Download Size Reduced by 50%

The plugin zip dropped from 12.3 MB to 6.0 MB by stripping source maps, test suites, lock files, and other development artifacts from production builds.

Faster Builder Rendering for Scrolling Animations

The scrolling animation attribute now uses a direct property lookup instead of Twig template evaluation, avoiding a full template parse per element in the builder.

New Dynamic Data Points

ACF URL Fields Work as Background Images

ACF URL fields set as dynamic background images now display correctly on the frontend, including external image URLs.

Individual WooCommerce Price Fields

WooCommerce previously provided a single Product Price field that combined regular and sale pricing. Dynamic data now includes separate Product Regular Price and Product Sale Price fields, so you can output only the price you need. The original combined field is renamed to Product Price Range.

Hide the Design Library from Clients

Hide the Design Library in the Admin Menu

A new setting hides the design library menu items from the WordPress admin menu. When enabled, the shown design sets are limited to “This Website” or the last imported set. The admin screens can still be accessed directly with the URL.

Hide the Design Library Inside the Builder

A separate setting hides the design library UI inside the builder. The library is still available, just hidden.

Masonry Layouts Relayout After Images Load

Masonry-based lists now trigger a relayout as images finish loading (via imagesLoaded), so items don’t overlap or leave incorrect gaps on initial render.

Looking Ahead

We are evaluating Breakdance pricing for the future (potentially around Breakdance 3.0). While nothing is finalized and there is no specific date yet, current rates are not guaranteed to last forever.

Existing customers are safe: active subscriptions will continue indefinitely at the original locked-in rate. If you purchase a subscription now, your renewal price stays the same even if prices increase later.

Changelog

Added

• “Skip to main content” accessibility link (WCAG 2.4.1), enabled by default on new installs.
• Accessibility improvements across sliders and elements (reduced motion for autoplay and transitions, aria labels, and button semantics).
• Design Library visibility settings in admin and builder.
• Dynamic data fields for WooCommerce Regular Price and Sale Price.
• Slider sync controls for Swiper-based elements.
• Button “Control Slider” action includes Gallery and WooCommerce Products List elements in slider layout.
• breakdance_should_override_template filter for developers to control template overrides.
• Autocomplete setting for form fields and breakdance_form_field_input_attributes hook for developers.
• WP-CLI commands for cache clearing, URL replacement, settings import/export, license management, theme toggle, and system status.
• Button preset styles for form elements (Form Builder, Login, Register, Forgot Password, Comment).

Fixed

• Popups now render and behave correctly on the frontend (fixed 2.7 regression).
• Shop Filters and Widgets dropdowns now show correctly in the builder (fixed 2.7 regression).
• Slider sync now works correctly with thumbnails and controller modes (fixed 2.7 regression).
• Masonry layout now reflows correctly after Load More adds new posts.
• Skip links no longer wrap global blocks inside post loops with extra main tags.
• Quickstart onboarding wizard now loads correctly (fixed 2.7 regression).
• Design Library import dialog now correctly follows the scroll position.
• Breakdance templates no longer interrupt TranslatePress and MemberPress ReadyLaunch output.
• Masonry layouts relayout as images load to avoid overlaps and gaps.
• Custom image sizes generate reliably without resize errors.
• ACF URL fields set as dynamic background images now render on the frontend.
• Load More button styling updates immediately in the builder preview.
• Stacking indicator reflects the true layout direction.
• Menu Builder custom dropdown arrow icons display correctly in the builder preview.
• Form webhook actions correctly report 4xx HTTP errors instead of showing success.
• Temp directories auto-recreate on check, preventing false “missing directories” warnings after server reboots.
• Preferences panel remains accessible when editing Global Styles from the Settings page.
• Element Studio “Disable Wrapper HTML Tag” checkbox retains its saved state after reload.
• Template conditions modal scrolls within the viewport when many conditions are added.
• Quick Navigator clears the search field after switching pages.
• PHP Dynamic Data field handles array bracket syntax correctly in code snippets.
• Dynamic data field attributes remain editable after reloading the builder.
• Element renaming in the Structure panel registers spaces correctly while typing.
• WooCommerce My Account Addresses page displays with the correct layout.
• Nonce transients no longer accumulate for non-builder users, and upgrading cleans up existing entries.
• Pulse Dot element maintains its size inside flex containers.
• Image With Zoom element handles transparent images without the zoomed version showing through.
• Global Block inline editing stays in sync on slow servers, handling empty blocks and unsaved changes correctly.
• “Has Taxonomy” condition’s “Is none of” operand works correctly in template conditions and Post Loop queries.
• Filter Bar sets aria-selected on the active filter button for assistive technologies.
• Gallery element lightbox works correctly when using the Multiple type.

Changed

• Swiper was upgraded from v8 to v12
• Product Price is now labeled as Product Price Range for combined pricing.
• Performance debugger setting text clarifies troubleshooting-only usage.
• AnalyticsWP notice removes the free-version mention.
• Onboarding and Home footers use X branding and the new link.
• Custom Query warning text clarifies that Total Posts must be equal to or greater than Posts Per Page.
• WooCommerce template overrides updated for WooCommerce 10.x compatibility.
• Plugin zip reduced from 12.3 MB to 6.0 MB by excluding source maps and development artifacts.
• Scrolling animation attribute uses direct property lookup instead of Twig evaluation in the builder.
• Builder dark mode scrollbars match the dark theme on macOS and Windows.

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.

You can also find more deals for Solid Affiliate, WP Debug Toolkit, and Elevated Extensions in the Customer Portal.

Built for the Way You Work

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.

We can’t wait to see what you design with it. Tag us @TeamBreakdance on X and share your creations on Facebook.

Thanks For Being Part of the Breakdance Journey

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.4 added support for Advanced Custom Fields Flexible Content integration, in-builder preview mode, and powerful new builder elements.
• Breakdance 2.5 introduced 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
• Fix – Dynamic Link Actions Lightbox

Elements

• Enhancement – Rich Text Image Alignment

WooCommerce

• Enhancement – Variation Swatches Compatibility (GetWooPlugins Integration)

Developer

• New – CodeMirror 6 Integration
• New – Emmet support
• New – Smart autocomplete for CSS, HTML, and Twig
• New – Inline color picker
• New – Multicursor editing
• New – Auto-close brackets and fold gutters
• New – Autocomplete for %% SELECTOR %%, Twig variables, and global color palettes
• New – Beautifiers & Linters for HTML and CSS

General

• New – Partner Discounts in Admin Menu
• New – Auto-Fix Permalinks Button
• Enhancement – The Events Calendar Integration
• Enhancement – Send Settings Header and Footer Code to WPCodeBox Button
• Enhancement: Added setting to hide Partner Discounts page.
• Fix: Partner Discount assets no longer load on the frontend.

Performance

• Performance – File I/O Optimization
• Performance – Static caching for element data
• Performance – Optimized template hashing (CRC32B)
• Performance – Twig template early bailout
• Performance – Conditional CSS loading (no empty stylesheets)
• Performance – Lower memory usage and faster save times

Ready to upgrade? Log into your Breakdance account and download version 2.6 now, or update directly from your WordPress dashboard.

Breakdance 2.6 RC 2 is now available.

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.

You can download 2.6 RC 2 in the customer portal.

For a tour of the exciting new features coming to Breakdance 2.6, check out the 2.6 release announcement.

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 RC 2 is now available. You can download 2.4 RC 2 in the customer portal.

For a tour of the exciting new features coming to Breakdance 2.4, check out the 2.4 release announcement.

Changelog

Builder

• Fix – The Custom CSS tab properly works on elements when using a Design Preset.

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,

Quickly Wrap Any Element.

Right-click any element to wrap it in a Div element or a Wrapper Link element.

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.

More information about these filters may be found in our documentation and on GitHub.

Polishes & Fixes

In addition to the new features above, Breakdance 2.1 includes numerous bug fixes, polishes, and enhancements.

Builder

• When changing breakpoints, the currently selected element will stay in view.
• Improved decimal support for unit input.
• Dynamic data no longer inadvertently causes an IO-TS error in some rare cases.
• Attachments no longer show in the preview dropdown.

Elements

• Accordions and Tabs: SEO improvements for content in collapsed accordions/tabs
• Advanced Accordion: Added Smooth Transition with Controls.
• Advanced Slide: Flex-direction now works for all breakpoints.
• Countdown Timer: Timezones now work correctly.
• FAQ: FAQ Buttons now support styles and content margin.
• FAQ: Fixed an issue with a missing Aria Role.
• Forms: fixed i18n namespace typo for %s is required for files.
• Menu Builder: 1st level in the mobile menu can now be a link, even if children are present
• Menu Builder: mobile menu transition now supports “0” ms.
• Post Content: Now uses the WordPress the_content hook for output.
• Post Loop Builder: Static items can now be placed at the end of the list.
• Table of Contents: The author’s name is now ignored.
• Woo Product Tabs: Fixed error if the theme system was enabled.
• Woo Product Tabs: Fixed a problem where Tabs weren’t properly displaying content.

General

• Global Blocks added to the WordPress editor are now full-width.
• Improved caching for WooCommerce templates.

Developer

• Added experimental filters that can be used to restrict making changes to global settings, presets, selectors, and AI settings.

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.

More information about these filters may be found in our documentation and on GitHub.

Polishes & Fixes

Breakdance 2.1 includes numerous bug fixes, polishing items, and other enhancements.

Builder

• When changing breakpoints, the currently selected element will stay in view.
• Improved decimal support for unit input.
• Dynamic data no longer inadvertently causes an IO-TS error in some rare cases
• Attachments no longer show in the preview dropdown.

Elements

• Menu Builder: 1st level in the mobile menu can now be a link, even if children are present
• Forms: fixed i18n namespace typo for %s is required for files.
• Menu Builder: mobile menu transition now supports “0” ms.
• FAQ: FAQ Buttons now support styles and content margin.
• Accordions and Tabs: SEO improvements for content in collapsed accordions/tabs
• Advanced Slide: Flex-direction now works for all breakpoints.
• Woo Product Tabs: Fixed error that occurred if the theme system was enabled.
• Countdown Timer: Timezones now work correctly.
• Advanced Accordion: Added Smooth Transition with Controls.
• Post Loop Builder: Static items can now be placed at the end of the list.
• Post Content: Now uses the WordPress the_content hook for output.

General

• Global Blocks added to the WordPress editor are now full width.
• Improved caching for WooCommerce templates

Developer

• Added experimental filters that can be used to only allow certain users to make changes to global settings, presets, selectors, and AI settings

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
• Copy and Paste: Control Section Properties
• Copy and Paste: Multiple Sections
• Global Settings: Import / Export
• WPCodeBox Integration
• Breakdance AI

General Polish, Fixes, and Enhancements:

• 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
• TOC Element – Fix: Ignore selectors not working
• Image Box – Add object fit, object position, add height
• Add spaces to element names
• Lightboxes – Remove hardcoded background color
• Adjacent Posts – Add missing hook param for better compatibility with YITH Ajax Filter plugin
• Comment Form – Only show cookie opt-in if global option is set
• Fancy Divider – Support heading HTML tag choice
• Menu Builder – Fix dropdown radius not working for images
• Typography – Fix text decoration thickness hover setting not working
• Circle Counter – Start animation when entering view
• Post List – A11Y: Set ee-post-image-link aria-label to post title
• Image Accordion – A11Y: Set the aria-label to accordion title
• Icon Box – Change default title tag to P
• Image Box – Change default title tag to P
• Mini Cart – Set the aria-label to “View Cart” i18n text from WooCommerce
• Simple Counter – Change default tag for number to P
• Post Loop Builder – Fix builder preview not working when set to slider
• Posts List – Remove hardcoded dots, use wp_trim_words instead
• Posts List & Post Loop Builder – Support offset when using pagination
• Popups – Fix reduced motion UI setting breaking popups
• 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
• Element Studio – Add svw and svh units

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.

You can learn more about the API and view examples at https://breakdance.com/documentation/developers/global-settings-api/.

Polish & Fixes

• Custom design sets are now listed by name instead of URL
• Adjusted the width of the design library modal
• Design Library now remembers the last used provider
• It is now possible to filter design sets by name
• Code editor instances now wrap lines by default
• Made performance improvements for sites with large numbers of posts, products, tags, etc…
• Template Content Area now uses “main” tag by default and allows different tag choices
• Typography presets are now sorted alphabetically
• Header Builder now supports “aside” and “nav” tags
• Hashlinks now work with sticky/entrance animations
• Added center/center positioning for Image Hover Card captions
• Improved semantics by removing use of footer tag from the Form Builder
• Fixed responsive text field for Social Share Buttons
• Fixed number typography for Simple Counter
• Exposed new formValues variable for Form Builder JS action
• Fixed issue with the Form Builder breaking in certain instances after clearing settings in “advanced” sections
• Fixed issue preventing slider arrow size + overlay from working on mobile

Breakdance 1.6.1 is now available.

Login to the customer portal to download Breakdance 1.6.1.

Fixes

• Post Meta – terms not appearing
• breakdance_element_dynamic_property_paths filter – fix server error on some configurations

Breakdance 1.6 is now available. Watch a video overview and read about the new features in the initial Breakdance 1.6 announcement.

Login to the customer portal to download Breakdance 1.6.

Changes From RC1 to Final

• Fix various PHP errors related to Breakdance’s new beta compatibility with PHP 8.2

Breakdance 1.6 RC 1 is now available.

Login to the customer portal to download Breakdance 1.6 RC 1.

Watch a video overview and read about the new features in the initial Breakdance 1.6 announcement.

Changes

• Fix various PHP errors related to Breakdance’s new beta compatibility with PHP 8.2
• Fix support for ACF term fields
• Improved Error Messages – don’t auto-open dialog

Hello, amazing creators and developers!

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
• Div, Grid, Wrapper Link: improve background responsive behavior
• Text Button Custom Icon Arrows – correct default styles
• Progress Bar: support dynamic progress percentage
• Video: remove overflow: hidden
• Text Colors control sections for container-type elements: deprecate
• Menu Dropdown – Add missing link options
• Menu Builder – Disable Scrolling The Page When in Offcanvas / Fullscreen Mode
• Menu Builder – Typography hover effect not applying to dropdown arrow
• Menu Builder – On Mobile, Menu Stays Open When Parent Sticky Header Is Hidden: tested, solved
• Menu Builder – Touch Action Prevents Scrolling
• Menu Builder – Menu Dropdown – Missing Options For Opening in New Tab, Etc: solved
• Menu Builder – Safari – this.getAllToggle().at is not a function
• Loop Builder compatibility – Use unique slugs for IDs
• Star Rating – Support for Never Vertical At Option

Breakdance 1.5 is now available.

Login to the customer portal to download Breakdance 1.5.

New Features

• Post Loop Builder: Support Interspersing Multiple Global Blocks To Vary The Design
• CSS Input – autofill with .breakdance .bde-rich-text-61780-102-50535-61780-1
• Dynamic Data “God Mode”

Polish, Fixes, and Enhancements

Read the 1.5 beta blog post for a more detailed list of polish, fixes, and other enhancements.

Breakdance 1.5 beta 1 is now available.

Login to the customer portal to download Breakdance 1.5 beta 1.

New Features

• Post Loop Builder: Support Interspersing Multiple Global Blocks To Vary The Design
• CSS Input – autofill with .breakdance .bde-rich-text-61780-102-48446-61780-1
• Dynamic Data “God Mode”

Polish, Fixes, and Enhancements

• add “_breakdance_doing_ajax=yes” to URL of all ajax requests
• fix ACF fields associated with posts inside loops on taxonomy archives
• HTML IMG element – support dynamic data
• Lightboxes – use correct image size
• add WP_Error check when calling get_the_term_list
• custom breakpoints – prevent problem when unsetting width value
• forms – fix php closing tag output in admin panel for user agent value
• licensing tweaks
• fix class “Breakdance\Licensing\stdClass” not found on certain environments
• menu builder – improve behavior inside design library iframe
• menu builder – polish
• menu builder – clean up duplicated media queries
• menu builder – fix hide by breakpoint option for menu button element
• copy-paste: prevent pasting until all builder elements are loaded
• fix query builder conditions when using infinite scroll / load more pagination
• fix typography presets behavior in certain woocommerce elements
• prevent problems with custom link actions being left empty
• table of contents element – fix behavior when headings are inside divs with “position: relative” css
• table of contents element – fix behavior inside iframes if heading contains child element
• table of contents element – updated anchor format from #heading-toc-2 to #actual-heading-content
• table of contents element – use nav tag instead of div
• table of contents element – add aria-label for a11y
• search form – fix search button icon disappearing for certain button sizes on mobile safari
• posts list pagination styles – generally improve styles and mobile behavior
• accordion element – make title input bigger
• woocommerce filter products by rating – fix typo in CSS variable name for star size
• fix in-builder JavaScript warnings from Swiper sliders when SSRing
• remove beta label from meta query (it wasn’t in beta, the label shouldn’t have been there)
• remove beta label from tooltip element (it wasn’t in beta, the label shouldn’t have been there)

Breakdance 1.4.1 is now available.

Login to the customer portal to download Breakdance 1.4.1.

Fixes

• Popup Builder – revert using the “template” tag approach to load popups
• Note: a one-line change was made from 1.4.1 RC2 to the final release to fix entrance/exit animations on popups

Breakdance 1.4.1 RC 2 is now available.

Login to the customer portal to download Breakdance 1.4.1 RC 2.

Fixes

• Popup Builder – revert using the “template” tag approach to load popups

Breakdance 1.4.1 RC 1 is now available.

Login to the customer portal to download Breakdance 1.4.1 RC 1.

Fixes

• Popup Builder – fix some regressions that occurred in Breakdance 1.4 related to animations and using Popup Builder with a theme

Breakdance 1.4 is now available.

Login to the customer portal to download Breakdance 1.4.

What’s New

• Grid element
• HTML Attributes now support dynamic data
• Lots of polish & fixes – read the individual beta blog posts for more details

Breakdance 1.4 RC 1 is now available.

Login to the customer portal to download Breakdance 1.4 RC 1.

To see what’s coming to Breakdance 1.4, read the initial announcement.

Polish, Fixes, and Enhancements

• Menu Builder – fix desktop styles leaking onto mobile (regression introduced in 1.4 beta)
• Menu Builder – fix hover effects affecting button elements (regression introduced in 1.4 beta)

Breakdance 1.4 Beta 3 is now available.

Login to the customer portal to download Breakdance 1.4 Beta 2.

To see what’s coming to Breakdance 1.4, read the initial announcement.

Polish, Fixes, and Enhancements

• Popups: reset wrapper and element properties on close to fix inability to toggle a popup
• Menu Builder – fix active text color on custom breakpoints
• Gallery, Posts List, Products List, Post Loop Builder – various fixes related to sliders and vertical filter bar

Breakdance 1.4 Beta 2 is now available.

Login to the customer portal to download Breakdance 1.4 Beta 2.

To see what’s coming to Breakdance 1.4, read the initial announcement.

New Features

• Use Dynamic Data in HTML Attributes

Other Polish, Fixes, and Enhancements

• Menu Builder – active link styles and styling controls
• Section – fix content displaying beneath background slider
• Section – using slideshow as background breaks children sliders
• Menu Builder – fix showing mobile menu on desktop regression introduced in 1.4 beta 1
• Popups – fix link actions and lightboxes regression introduced in 1.4 beta 1
• Mini Cart – add attributes to link settings for A11Y
• Background Gradients – fix gradients that stopped working if created in 1.2 using the old gradient input that was removed in 1.3
• Fix has taxonomy condition only applying to a single taxonomy
• Fix slide right animation regression introduced in 1.4 beta 1
• Fix gallery element in slider mode regression introduced in 1.4 beta 1

Breakdance 1.4 Beta 1 is now available.

Login to the customer portal to download Breakdance 1.4 Beta 1.

New Features

• Grid Element

Other Polish, Fixes, and Enhancements

• Element Studio – Make `Enable Media Queries` Backwards Compatible When Making Controls Support Breakpoints
• Entrance Animations: Add distance control and improve performance
• Rich Text: open modal on double click
• Popups: Render popup content and scripts as templates – add content to DOM on open, remove on close
• Dynamic Data: add WooCommerce category image
• Menu Builder: address unexpected (but correct) when top-level links are hashtags
• Gallery element: significant polish and bug fixes
• Swiper: add direction setting to swiper instance settings
• Swiper: fix nested swiper instances
• Section: make gradient animation work with vertical gradients
• Backgrounds: correct behavior when multiple layers are present
• Icon List: enhance responsive controls
• Menu Builder: enhance responsive controls
• Posts List / Post Loop Builder: make posts equal height by default

Breakdance 1.3.1 is now available.

Login to the customer portal to download Breakdance 1.3.1.

Changes

• Advanced Custom Fields – fix regression in Breakdance 1.3 by reverting a change made to the ACF getValue method that treats archive pages differently

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.

For more details on additional changes and enhancements, consult the alpha & beta blog posts or consult the bug tracker for additional details.

Breakdance 1.3 RC 1 is now available.

Login to the customer portal to download Breakdance 1.3 RC 1.

For an overview of new features coming to 1.3, read the original blog post announcing 1.3.

Changes

• form builder – prevent file upload field from overflowing viewport in some cases
• menu builder – dropdown polish
• checkout builder – fix missing element error for default child
• animated heading – fix animation duration not working when set

The above is a mostly complete list of fixes and tweaks in 1.3 RC 1. Please consult the bug tracker for additional details.

Breakdance 1.3 Beta 4 is now available.

Login to the customer portal to download Breakdance 1.3 beta 4.

For an overview of new features coming to 1.3, read the original blog post announcing 1.3.

Changes

• Automatically clear CSS cache
• Link Actions – fix regression introduced in 1.3 Beta 3
• Posts List – fix regression that broke design options when displaying list as a slider

The above is a mostly complete list of fixes and tweaks in 1.3 Beta 4. Please consult the bug tracker for additional details.

Breakdance 1.3 Beta 3 is now available.

Login to the customer portal to download Breakdance 1.3 beta 3.

For an overview of new features coming to 1.3, read the original blog post announcing 1.3.

Changes

• Buttons / Links A11y / Attributes – add “Advanced” popout to set attributes like aria-label
• Buttons / Links – allow setting of HTML ID
• Comments i18n – make strings translate automatically
• Header Builder – hide open menu dropdowns if Header Builder is set to hide after scrolling
• Icon List – remove default lorem ipsum text
• Advanced Tabs – fix vertical mode not working in builder
• Menu Builder – A11Y polish
• Posts List / Advanced Accordion – fix compatibility
• Variation Swatch Integrations – support long labels

The above is a mostly complete list of fixes and tweaks in 1.3 Beta 3. Please consult the bug tracker for additional details.

Breakdance 1.3 Beta 2 is now available.

Login to the customer portal to download Breakdance 1.3 beta 2.

For an overview of new features coming to 1.3, read the original blog post announcing 1.3.

Changes

• 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.

Breakdance 1.3 Beta 1 is now available.

Login to the customer portal to download Breakdance 1.3 beta 1.

For an overview of new features coming to 1.3, read the original blog post announcing 1.3.

Changes

• 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.

Breakdance 1.2.1 is now available.

Login to the customer portal to download Breakdance 1.2.1.

Changes

• Design Library – Better Design For Import Complete Websites Screen

Breakdance 1.2.1 Beta 1 is now available.

Login to the customer portal to download Breakdance 1.2.1 beta 1.

Changes

• Design Library – Better Design For Import Complete Websites Screen

Breakdance 1.2 is now available.

Login to the customer portal to download Breakdance 1.2.

General Features

• Design Library – Complete Website Templates
• Query Builder – Add Advanced Custom Fields Relationship Support

Dynamic Data Polish & Fixes

• Repeaters – add conditions for is empty / is not empty
• ACF – support using email field in links
• Add ability to truncate / limit characters for all string fields
• Added ACF Post Featured Image field, so you can access the featured image from the post selected in an ACF Post Object field
• Fix is empty / is not empty condition for non-string fields such as video
• Conditions – add current month condition
• Fix missing ACF fields when editing template dynamic data condition
• Various Google Map fixes
• Basic List – add dynamic data support

Other Fixes & Polish

• Reduce memory usage
• Fixed Swiper JS Errors In Builder
• Fixed Slider Link Action Not Working For Looped Sliders
• Make Gallery Slider inside Global Block work inside Loop Builder
• Product Builder – better grouped product styles
• Fix – Allow Advanced Tabs To Be Nested
• Add HTML Tag Choice to Post List elements
• WooCo Cart – Make Variations Table Look Better
• Columns – Set Column Count Correctly When 50% Width Is Set
• Content Toggle – fix invalid CSS for active style
• Form Builder – input widths break in multi-step forms
• Form Builder – enable breakpoints for form width
• Simple Counter – JS Error When Dragging In Builder
• Fix Pagination Styles When Space Between Isn’t Set
• Pricing Table – allow not having a title
• Dual Heading – fix JS errors in builder
• Scroll Progress – fix scroll tracking at very top of page
• Comments List – add appropriate WordPress default classes
• Cart Cross Sells – fix inability to enable / disable certain elements
• Gradient Picker – allow numeric input for rotation
• Make Scroll Animations Work In Tabs
• Menu Builder – fix inability to horizontally center links in dropdowns on mobile devices
• Text & Rich Text – fix default text color
• Shape Dividers – fix divider being flipped upside down when flipping horizontally
• Update refresh nonce to be sent in response headers instead of response body
• Rich Text – fix spacing issues on “view” mode when saving the HTML without stripping line breaks
• Rich Text – allow the target, rel, and title attributes to be optionally removed on the “HTML” mode

The above is a mostly complete list of fixes and tweaks in 1.2. For additional details, please consult the bug tracker.

Breakdance 1.2 RC 1 is now available.

Login to the customer portal to download the RC.

Fixes

• Fix Design Library – This Website Not Showing Sub-Pages
• Fix “Critical Error” Message That Appeared For Some Design Sets
• Fix Full Website Import For Some Design Sets

Breakdance 1.2 beta 2 is now available, which fixes two bugs introduced in beta 1.

Login to the customer portal to download the beta.

Fixes

• Fix Menu Builder Dropdown Link Layout Bug Introduced in Breakdance 1.2 Beta 1
• Fix Conditions Always Returning True Bug Introduced in Breakdance 1.2 Beta 1

Breakdance 1.2 beta 1 is now available.

Login to the customer portal to download the beta.

General Features

• Design Library – Complete Website Templates
• Query Builder – Add Advanced Custom Fields Relationship Support

Dynamic Data Polish & Fixes

• Repeaters – add conditions for is empty / is not empty
• ACF – support using email field in links
• Add ability to truncate / limit characters for all string fields
• Added ACF Post Featured Image field, so you can access the featured image from the post selected in an ACF Post Object field
• Fix is empty / is not empty condition for non-string fields such as video
• Conditions – add current month condition
• Fix missing ACF fields when editing template dynamic data condition
• Various Google Map fixes
• Basic List – add dynamic data support

Other Fixes & Polish

• Reduce memory usage
• Fixed Swiper JS Errors In Builder
• Fixed Slider Link Action Not Working For Looped Sliders
• Make Gallery Slider inside Global Block work inside Loop Builder
• Product Builder – better grouped product styles
• Fix – Allow Advanced Tabs To Be Nested
• Add HTML Tag Choice to Post List elements
• WooCo Cart – Make Variations Table Look Better
• Columns – Set Column Count Correctly When 50% Width Is Set
• Content Toggle – fix invalid CSS for active style
• Form Builder – input widths break in multi-step forms
• Form Builder – enable breakpoints for form width
• Simple Counter – JS Error When Dragging In Builder
• Fix Pagination Styles When Space Between Isn’t Set
• Pricing Table – allow not having a title
• Dual Heading – fix JS errors in builder
• Scroll Progress – fix scroll tracking at very top of page
• Comments List – add appropriate WordPress default classes
• Cart Cross Sells – fix inability to enable / disable certain elements
• Gradient Picker – allow numeric input for rotation
• Make Scroll Animations Work In Tabs
• Menu Builder – fix inability to horizontally center links in dropdowns on mobile devices
• Text & Rich Text – fix default text color
• Shape Dividers – fix divider being flipped upside down when flipping horizontally
• Update refresh nonce to be sent in response headers instead of response body
• Rich Text – fix spacing issues on “view” mode when saving the HTML without stripping line breaks
• Rich Text – allow the target, rel, and title attributes to be optionally removed on the “HTML” mode

Breakdance 1.2 will also include other bug fixes and polishing enhancements. Please consult the bug tracker for details.

Breakdance 1.1 is now available with a ton of new features.

Login to the customer portal to download Breakdance 1.1.

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 includes numerous bug fixes and polishing enhancements. Please consult the bug tracker and beta & RC blog posts for details.

Backwards Compatibility

Breakdance 1.1 is generally backwards compatible with 1.0, but there are some things to note.

• Custom queries are now allowed on archive pages. In 1.0, if you set a custom query on archive page, you’d still get the default posts.
• We made significant changes to the Video element for performance reasons – especially when embedding YouTube videos. 
• We made various cosmetic tweaks to WooCommerce.
• The WooCommerce Mini Cart now shows a Quantity Input field by default. If you don’t want this, you can disable it in the element’s settings.
• The Posts List element now uses the article HTML tag by default.

Breakdance 1.1 RC 1 is now available.

Login to the customer portal to download the RC.

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
• Woo – Related / Upsell / Cross-Sells – add slider layout option
• Gallery – add responsive control for gap
• Popups – make translate X/Y responsive
• Sticky Animations – make offset responsive
• Popup Link Actions – show all popups, not just the first 5
• WooCommerce – various cosmetic tweaks
• WooCommerce Quantity Inputs – general polish & fixes
• Table Of Contents element – polish & fixes
• Content Toggle – polish & fixes
• Gallery – fix “Multiple” Gallery inside Advanced Tabs breaks when switching between galleries
• WooCommerce Granular Cart elements – polish & fixes
• SSR Element Refresh Button – fix styles not updating if HTML hasn’t changed
• Templating Conditions – make breakpoints condition only appear for popups
• Posts List – use article HTML tag
• Change Mini-Cart Heading tag to H6
• Lightbox – prevent slide duplication when clicking links
• Product Builder – JS errors in builder when activating tabs
• Post Loop Builder – fix gradient image overlays in global blocks not appearing
• Scrolling Image element – fix image not appearing on frontend
• Sections – fix auto-pausing of video background when out of view
• Mini Cart – fix invalid HTML
• Posts List – fix invalid HTML
• Fix “array_filter() expects parameter 1 to be array, bool given” error that appeared in rare circumstances when saving
• Fix memory leak when using sticky animations
• Nonces / AJAX – auto-extend nonce lifetime
• Nonces / AJAX – fix some AJAX requests broken by addition of nonces in 1.1 beta 1
• Element Studio – support multiple conditions for a control

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.

Breakdance 1.0.3 is now available.

Changes

• Fix “this link has expired” warning introduced in 1.0.2 that appears when trying to save certain settings

Breakdance 1.0.2 is now available.

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

Breakdance 1.0.1 is now available.

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.

Breakdance 1.0.1 RC1 is now available.

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. (Important Note: your server is still misconfigured. This error never had anything to do with Breakdance. Consult your error log.)

Breakdance 1.0 is now available.

There are no changes in Breakdance 1.0 – it’s exactly the same as Breakdance Release Candidate 2.

The release candidate versions of Breakdance will stop working on September 20th 2022.

Thank you to all of our beta testers!

Breakdance Release Candidate 2 is now available.

Changes

• Security – general security hardening
• Forms – fix ReCAPTCHA
• Add option to enable one-click beta version updates at Settings > License > Beta Versions

Breakdance Release Candidate 1 is now available.

Changes that are likely to affect the behavior of your existing design are listed below in red.

Polish & Fixes

• Buttons – allow responsive button sizes (BACKWARDS COMPATIBILITY WARNING: https://www.loom.com/share/312a863af51e476686c4771b5f8731bd)
• Global Styles – forms – improve full width submit button option on responsive
• Global Styles – fix global styling controls for active WooCommerce form fields
• Global Styles – fix transition duration for button effects
• Global Styles – fix products per row not always respecting global at certain breakpoints
• Popups – fix IO-TS errors in certain circumstances
• Dynamic Data – add support for the_author_link
• Column, Div, Wrapper Link – fix z-index issues when using an overlay background
• Code Block – move CSS into inline style tag in the body instead of the head, fix double quotes
• Section – fix dynamically set background image not showing on media queries

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!

Breakdance is now available for purchase at special introductory pricing.

What will happen to my beta license?

It will be deactivated on September 20th.

I’m an Oxygen user – how do I get my free year of Breakdance?

Instructions will be available on the oxygenbuilder.com customer portal when Breakdance 1.0 is released.

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.