Panel Gallery

Panel gallery lets you put a large number of items in a small space. Good for 'team' sections or other repeating content.

Scroll Classy

Classy is a simple element which toggles a class on another element or itself. You can add elements inside Classy and they can then be re-styled with the class, or target another element. Classy itsel...

Panel Gallery

Add many info items to a small space.

Using Images and Galleries

Smithy Connect includes both Image and Gallery fields. This allows you to add images or galleries to any post-type, to users or as global items. Add a second product image gallery, use it for listings...

Simple Post Filter

Why another filter? There are a few filter options already but FactWP, WPGridbuilder and others are expensive and can be overkill. The Breakdance filter forces masonry and uses isotope, which loads al...

Scroll Morpher

But Why!? Breakdance has a lot of animations built in… but not everything can be animated… until now. Scroll Morpher is for those rare or special moments when you want to animate a propert...

Text Spinner

Content Text Spinner works a little like the Breakdance dual heading element. Put some text in the Text Before field. Add as many animating words or phrases as you want with Add Item. Add the words to...

Smithy Save to CPT

Save Breakdance form submissions to a custom post type. This works along-side any other form actions. If you add Smithy to CPT and the Breakdance Store Submission, you will save the form in two places...

Custom Loops and Global Blocks

FluentCart includes a very good product loop block, with filters and grid/list layout. However, it does not work with Global Blocks. Smithy Fluent includes a Simple Product Filter, which enables you t...

Scroll Slider

Horizontal sections with multiple effects and styles.

Creating Templates

Like any other custom post type, you need at least two templates to make things work, an archive and a single post. If you want users to be able to submit posts front-end, we’ll need a page for ...

Adding Documents

Admin Posting Most of managing Portal posts is the same as managing any post. The difference is the extra meta-boxes which are available on the post itself. Portal Documents – here you can remov...

FluentCart Integration

The SF Fluent plugin enables you to use FluentCart Blocks in Breakdance. Fluent has an API for it’s blocks and we tap into that – so FluentCart renders the element, we just enable a Breakd...

Factory Framework

Before we even start I should say, this is not an alternative to Headspin – not even close. This is a pared-down, uber-simple helper that I find really useful. I don’t really use framework...

Making elements work on mobile.

AKA Why width based breakpoints don’t work anymore. If you’re a lucky fish, your elements will look great across all devices. But there are some situations where even the best designed ele...

Form to PDF

You can use the native Breakdance form and have it create a PDF from the submission, attach it to emails, and save it to the stored submission. Setting up From2PDF There’s a PDF Settings option ...

ScrollBack

Background animations on scroll with over 40 effects.

Editing Documents

Admin Editing Editing posts is the same as editing any post. The difference is the extra meta-boxes which are available on the post itself. Portal Documents – here you can remove or download a d...

Author Meta

A simple addition. Select this option in the Elements menu, and the dynamic data will now include the Author Archive URL meta. If you’d like to read more, I can tell you about my exciting lunch-...

Smithy Connect

Overview Smithy Connect allows you to fetch and write any data in your database, then use it as dynamic data, or a template, query or element condition. This means that if ‘Bob’s Plugin&#8...

Admin settings

Smithy Portal is a document sharing platform. Over time the aim is to extend it into a lightweight, fully integrated membership plugin including paid subscriptions. For now, it allows you to create so...

SF Forms – Select Dropdown Population

You can populate select drop-downs in any Breakdance form by using the Smithy: Populate Select action and setting the source. Simply add a Select field to your form and give it an ID. Do not add any o...

Horizontal Timeline

General Notes Timeline is disabled in Breakdance and you will see a horizontal scroll-bar which let’s you get to the slides to preview them. Timeline – Adding Content You can feed Timeline...

Turnstile Integration

With Google reCaptcha not being compliant for GDPR we need alternatives, and Cloudflare are offering Turnstile free. You don’t need to host the site with Cloudflare to use Turnstile. Once you&#8...

QR Coder

QR Coder is built on qr-code-styling.js. You can find a playground for it and a detailed docs link too [https://qr-code-styling.com/]. Given the detail in the QRCS docs I wont be too elaborate here. I...

Create an account page

We will assume you know how to add user details and other general dynamic data. The obvious extra for Smithy Portal is to provide users with a list of their own posts, and a list of all the posts they...

Video with subtitles

Most of the controls should be familiar as this is a direct port of the Breakdance video element. However, it’s been cut down a little, as you can’t add subs to Youtube or Vimeo… so ...

Simple Docs

Basic Setup Simple Docs will turn any post-type into this: https://breakdance.com/documentation/ It works with any post or custom post type. Create your posts and a set of categories, with parent and ...