Breakdance 2.4 - The most important new features

Category(ies): Breakdance
Published on 03/15/2025
Set up SMTP sending in WordPress with Microsoft 365

What you can expect in this article:

Breakdance update news for version 2.4. Many in the community think it's the best update since V2. Find out why.
Christian Strasser Webdesigner

About the author:

Christian is a web designer and developer with over 8 years of experience in WordPress and web development. He develops conversion-optimized websites and online stores that perfectly combine design and functionality to make companies successful online.

Breakdance has recently released information for the next update - version 2.4. Many in the Breakdance community believe that it is the best update since version 2.

The most important new features of Breakdance 2.4 at a glance:

Preview mode in the Builder

With the new preview mode, you can view your website directly in the builder in full-screen view. This saves you time for buffering and opening the page in a new tab.

Vorschau-Modus in Breakdance 2.4

Integration of ACF Flexible Content

According to the community, this is the game changer of this update. The integration of ACF Flexible Content allows you to create dynamic pages with a protected design. Content can be updated directly via WordPress without having to adjust the layout or go to the builder. By linking global blocks in Breakdance with specific layouts in ACF, you can implement flexible and client-editable layouts.

As there has been some discussion about this, here is a practical use case as an example: As a web designer, you can use it to create protected templates, e.g. for landing pages, which the customer can then fill with content (images, text, etc.) without destroying the design in any way. This is certainly not for all customers, but for those who want to actively collaborate, it is definitely a great enrichment.

New element: Hover Swapper

With the new hover swapper element, content can be replaced dynamically on hover. Ideal for showing alternative images, providing additional information or incorporating visual effects. The transitions can be customized so that they fit perfectly into the design.

Until now, this could only be implemented in a roundabout way with backgrounds and animation effects in the wrapper.

Icons in Menu

Icons, images or other elements can now also be integrated into the top menu level. Menu items can also be combined with dropdowns that use either standard menu dropdowns or global blocks. This gives us even more design options for the navigation.

Bedingte Formularaktionen für Aktionen

Im Form Builder gibt es nun Conditions, mit denen man Aktionen  je nach erfüllter Bedingung ausführen lassen kann.

Breakdance Form Builder Aktionen  Breakdance Condition Custom JavaScript

Zum Beispiel kann man ein Custom JavaScript nur ausführen lassen, wenn ein bestimmtes Feld im Formular ausgefüllt wurde.

Ich persönlich würde mir die Conditions noch eine Ebene tiefer wünschen. Dann könnte man verschiedene E-Mails, je nach Auswahl (z.B. ein Auswahlfeld „Thema) an unterschiedlichen Empfänger (bei Auswahl von „Support“ zum Beispiel an eine support@) verschicken lassen.

Das lässt sich aktuell nur über einen Trick lösen. Hier findest du mein Tutorial zu dynamischen E-Mail-Empfänger in Breakdance.

Second Product Image on hover in WooCommerce

In the WooCommerce product lists, there is now a function that automatically changes the product image to the second product image when hovering. This is familiar from other WooCommerce themes. A nice and useful effect to make the design more intuitive.

Double-click to open the Media Library

Small but nice extension of the image element: Instead of clicking on the image and then clicking on Image in the sidebar, you can now open the media library directly by double-clicking and selecting your desired image.

New element: Overlapping Images

Das neue „Overlay Image“-Element ermöglicht es dir, Bilder kreativ zu arrangieren. Du kannst sie überlappend platzieren, ihre Größe und Position anpassen und damit ansprechende Layouts gestalten.

Conclusion

I think the new version has some helpful functions and improvements that make our lives a little easier. I will soon be testing my practical example of ACF Flexible Contents with a customer. It could really be a great asset.

You can find the official contribution from Breakdance here.

Comments

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Data protection consent