A process is a list of steps and a detailed explanation of each one. Showing all the detail at once makes the list hard to read; hiding it makes the steps useless.
Connecting Process Steps to a carousel solves both: the steps stay visible as navigation, and the carousel shows the detail for whichever one is selected.
Before You Start
- Edition: Pro — the Carousel Anything block needs Nexter Blocks Pro.
- Block to enable: Carousel Anything, switched on under Nexter > Blocks in your WordPress dashboard.
- A Carousel Anything block with one slide per step — see the Carousel Anything guide.
- A Process Steps block on the same page.
- Test with several slides. A carousel with one slide has nothing to move to, so most settings will look broken when they are simply idle.
Video Tutorial
Steps
- Add both blocks to the page — Process Steps and Carousel Anything.
- Set a Carousel ID on the Carousel Anything block.
- Set the same ID on the Process Steps block and switch its carousel connection on.
- Give the carousel one slide per step, in the same order.
- Publish and click through the steps on the real page.
How It Behaves
The connection is the shared ID, exactly as with the other paired blocks.
- Measured on a published page with the ID
Ca1: the carousel rendereddata-id="tpca-Ca1"anddata-connection="tptab_Ca1". With no ID, neither attribute appears. - This is the same pairing scheme used across Nexter Blocks — the same
tpca-andtptab_pair as Carousel Remote, Interactive Circle Info and Accordion. Learn it once and it applies to all of them. - Order is the mapping. The first step drives the first slide and so on, so adding a step without adding a slide quietly puts the two out of step.
- The connection needs both halves. On the Process Steps side the toggle has to be on as well as the ID set — measured on the other connected blocks, an ID alone produces nothing.
- Every setting ends up in one place. The block writes its whole configuration into a
data-splideattribute on the carousel, which is what the slider script reads. If a setting is not doing what you expect, that attribute is where to look. - Measured with Nexter Blocks Pro deactivated: the carousel renders nothing at all — no wrapper, no configuration and no slides. This is a Pro-only block.
Limitations
- Pro only — measured with Nexter Blocks Pro deactivated, neither block renders anything.
- The two lists have to be kept in step by hand. Nothing warns you when there are five steps and four slides.
- Give each pairing its own unique ID, or two step blocks will drive one carousel.
- Process Steps has a known bug with its default active step, reported to the development team — do not rely on a particular step being selected on load.
- On a phone the steps and the carousel stack, so the visitor may not see the result of their click without scrolling.
Troubleshooting
The carousel does not follow the steps
Check three things: the IDs match exactly on both blocks, the connection toggle is on, and you are on the published page rather than the editor.
It moves to the wrong slide
The steps and slides are out of order. The first step drives the first slide, and so on.
Two step blocks drive the same carousel
They share an ID. Give each pairing its own value.
Nothing renders at all
Check Nexter Blocks Pro is active. Measured with Pro off, Carousel Anything produces no output.
