Custom Stacking Cards takes cards you design yourself and stacks them as the visitor scrolls. Build each card as a Breakdance global block, then add them to the element. Each card sticks a little lower than the one before, so the stack stays readable.
Three stacks, each built from Breakdance global blocks: a pottery class guide, a tasting menu with the pile effect and a class timetable that narrows as it stacks. Every card is designed separately, so each one can look different.
Four global blocks, each with its own background, text and photo. Stacking Offset: 40px, so each card sticks 40px lower than the one before and the step labels above stay visible.
Pick an evening or a Saturday morning. Sessions last two hours and there are never more than eight people at the wheels.
A tutor shows you how to centre the clay, open it up and pull the walls. Most people make two or three small bowls.
Come back a week later to trim and glaze your pieces. We fire them in our kiln overnight.
Your finished pots are ready to collect ten days later. They are safe to eat from and go in the dishwasher.
Three photo cards. Enable Pile Effect with Horizontal Offset: 10px, Scale Decrease: 2%, Rotation: 1.5 degrees and Alternate Direction on, so the cards lean left and right.
Mozzarella, taleggio and a drizzle of chilli honey, straight from the wood oven.
Roast chickpeas, wilted spinach, garlic and lemon. Vegan.
Half a free-range chicken with carrots, parsnips and a rich gravy.
Three bold text cards. Shrink on Stack is on with Shrink Amount: 5%, so each card is a little narrower than the one before it.
A steady 60-minute flow to wake the body up before work. All levels welcome.
Slow strength work followed by long stretches. Good for runners and cyclists.
Bolsters, blankets and long holds. The calmest hour of the week.
Design the cards once, then stack them anywhere.
Create a Breakdance global block for each card. Use any layout, images or elements you like.
Add a row for each card. In this version you paste the block's shortcode. Custom Stacking Cards V2 lets you pick the global block from a list instead.
Set the stacking offset, the space between cards, and turn on the pile effect if you want the cards to fan out.
Full design freedom for each card, with stacking handled for you.
Each card is a global block, so it can hold any Breakdance layout, not just a title and text.
Cards stick as you scroll. Each one sticks lower than the last by the stacking offset, so earlier cards stay visible.
Turn on the pile effect to shift each card horizontally and vertically for a fanned look.
Rotate each card by a set number of degrees, with an option to alternate direction.
Make each card slightly smaller than the one before, by scale or by width, for a layered deck look.
Set the card width, minimum height, padding, borders and space between cards.
Anywhere you want a scrolling story with fully designed cards.
Walk visitors through your process one designed card at a time.
Stack project cards with images, results and a link.
Show each plan as its own designed card.
Give each feature its own layout with screenshots or video.
Stack detailed cards for each person or service.
Reuse the same global block cards across several pages.
This is the full list of settings in the Breakdance editor, with their default values.
| Control | What it does | Default |
|---|---|---|
| Content | ||
| Cards | Repeater of cards. | — |
| Shortcode | The global block shortcode for the card, e.g. [breakdance_block blockId=123]. | — |
| Card | ||
| Width | Card width. | 100% |
| Padding | Padding inside each card. | — |
| Borders | Borders, radius and shadow. | — |
| Min Height | Minimum card height. | — |
| Stacking Offset | How much lower each card sticks than the one before. | 10px |
| Space Between | Space between cards, per breakpoint. | 20px |
| Pile Effect | ||
| Enable Pile Effect | Turn on the pile transforms. | Off |
| Horizontal Offset | Horizontal shift added for each card. | — |
| Vertical Offset | Vertical shift added for each card. | — |
| Scale Decrease (%) | How much smaller each card is than the one before. | — |
| Rotation (deg) | Rotation added for each card. | — |
| Alternate Direction | Alternate the offset and rotation left and right. | Off |
| Shrink on Stack | Make each card narrower than the one before. | Off |
| Shrink Amount (%) | Width taken off each card, from 0 to 10. | 3 |
This version takes a shortcode for each card. V2 lets you choose each global block from a picker. The shortcode version is kept so existing sites keep working. Use V2 on new builds.
Each Breakdance global block has a shortcode in the form [breakdance_block blockId=123]. Paste it into the card's Shortcode field.
Yes. Each card is its own global block, so every card can have a different layout, colour or content, as in the pottery demo above.
Yes. The field runs any shortcode, so a card could hold a form or a gallery from another plugin as well as a global block.
That card's Shortcode field is empty. Add the global block's shortcode to fix it.
Increase the stacking offset. Each card sticks lower by that amount, so more of the card underneath stays visible.
Custom Stacking Cards is included with Phox Elements, along with 140+ other premium elements for Breakdance.