Why this is hard without CartDance

SureCart's checkout components are encapsulated in Shadow DOM. To style them you need CSS custom properties and ::part() selectors, which are non-trivial to discover and apply manually. CartDance handles this automatically, translating your Breakdance brand colors and typography settings into the correct CSS targets including the Shadow DOM layer, so your store stays visually consistent with the rest of your site.

If you are running Breakdance as your page builder and SureCart as your e-commerce platform, you have likely run into the same wall: styling SureCart's checkout components from Breakdance is not straightforward. SureCart uses Shadow DOM architecture for its checkout elements, which means standard CSS overrides do not reach them. CartDance bridges that gap.

CartDance is not a CSS snippet. It is a full integration layer connecting Breakdance's visual editing workflow, Global Settings, and Display Conditions to SureCart's products, collections, cart, and checkout. You get a visually consistent store without touching a line of CSS.

What CartDance Provides

Global Settings Integration

Set your brand colors and typography once in Breakdance Global Settings. CartDance reads those values and applies them across your entire SureCart storefront: buttons, inputs, labels, checkout fields, and the cart drawer. Or use the admin settings from CartDance instead. (Recommended)

Shop and Product Pages

Build your shop page and product detail pages with ease. With CartDance you now have an all-in-one area for CSS customization and proper styling. No custom code required.

Collections

Display SureCart product collections on any Breakdance page using the shortcode and Breakdance templates.

Where we're heading

Now — v1.0.2 (Current)

Stable and shipping. What works today:

Full styling control over SureCart's Shadow DOM checkout, cart drawer, and cart icon
Shop page, product pages, collections, and related products styled and Breakdance-ready
SureCart shortcodes usable directly on Breakdance pages
Breakdance Global Settings integration and Display Conditions support
Admin settings with color controls and CSS caching with automatic version-based flushing
Dark mode fixes across checkout, cart drawer, and quantity inputs

Next — June through July 2026 (v1.x Maintenance)

Polish and confidence-building ahead of V2. No new surface area, just making the current feature set bulletproof:

Verified compatibility for sale-price display, subscription products, and multi-collection layouts
Tutorial coverage for setting explicit background colors on Breakdance-templated headers and footers
Expanded documentation and setup guide
Edge-case hardening based on user reports

August 2026 — CartDance V2 (Primary Focus)

The release users have been asking for: the data bridge.

V2 brings SureCart's product data into Breakdance's native Dynamic Data system, so you design SureCart product pages with real Breakdance elements instead of SureCart's block editor.

SureCart product fields (price, name, stock status, and more) available as Breakdance Dynamic Data
Build custom single-product layouts with native Breakdance elements
Expanded Display Conditions tied to SureCart product and purchase state
Designed so individual data points stay stable as the integration grows

V2 is a free upgrade for all current license holders. No new purchase, no upgrade fee.

Later — V3 (TBD)

Dedicated SureCart elements inside the Breakdance builder panel, in the spirit of Breakdance's WooCommerce Product Builder. Direction, not a commitment yet. V2's data layer is being structured so V3 can build on it without breaking your existing templates.

Support

V1 stays supported after V2 ships. Existing installs keep getting compatibility and bug-fix updates.

Dates are targets, not guarantees. Roadmaps shift as we learn from real usage.

CartDance

$49.99/year unlimited sites

Lifetime Deal: $249.99