What It Does
The Carousel Connection Id setting links the Nexter Blocks Accordion block to a Carousel Anything block on the same page, so opening an accordion item automatically switches the carousel to the matching slide.
Why It Matters
An accordion is great for scannable, text-first content, but on its own it cannot show an image or preview that changes as visitors click through it. Connecting it to a Carousel Anything block adds that visual side without any custom code, both blocks stay in sync automatically.
What You Get
An accordion and a carousel that move together: click an accordion item and the connected carousel jumps to the matching slide, with no manual syncing.
For the full settings overview of the Nexter Blocks Accordion block, see this guide.
Capabilities
- Sync an Accordion block to a Carousel Anything block using a shared connection ID.
- Opening any accordion item automatically advances the carousel to the matching slide.
- Works whether the carousel slides are built with a pattern or with the block editor directly.
How It Works
Both blocks connect through a matching ID, entered on each block separately. The Carousel Anything block has its own Carousel Remote Sync ID > Unique Carousel ID field, and the Accordion block has a Carousel Connection Id field under its Extra Options. Enter the same ID in both, and the two blocks link up. For the sync to line up correctly, the carousel needs the same number of slides as the accordion has items, in the same order.
How to Use It
Before you start: this feature needs both the Accordion and Carousel Anything blocks, so Nexter Blocks needs to be installed and activated.
- Add both a Carousel Anything block and an Accordion block to the page.
- Add content to each Carousel Anything slide using a pattern or the block editor.
- Make sure the number of slides in the Carousel Anything block matches the number of Accordion items.
- On the Carousel Anything block, go to Carousel Remote Sync ID > Unique Carousel ID and enter an ID.
- On the Accordion block, go to Extra Options > Carousel Connection Id and enter the same ID.
With that, the Accordion block and the Carousel Anything block are connected. Now, whenever you open a different accordion item, the carousel changes to match.
Also check, How to set close or open specific Accordion Item in WordPress.
Use Cases
- Product or feature pages, where an image carousel updates to match whichever feature or spec the visitor has expanded in the accordion. This is the exact pairing real support tickets describe customers building.
- Step-by-step or process breakdowns, where a carousel of screenshots advances in sync with a written accordion explaining each step.
Limitations
- The carousel needs the same number of slides as the accordion has items, in the same order. A mismatched count is the most common reason the sync shows the wrong slide.
- The connection ID has to be entered manually on both blocks. There is no autodetect or dropdown of existing IDs to pick from.
- This only works between Nexter Blocks’ own Accordion and Carousel Anything blocks. It does not extend to other carousel or accordion blocks.
Troubleshooting
- Cannot find the Carousel Connection Id field. It is on the Accordion block, not the Carousel Anything block, under Extra Options. Multiple support tickets have reported looking for it in the wrong block before finding it there.
- The carousel jumps to the wrong slide, or does not match the accordion item that was opened. Recount the Carousel Anything slides against the Accordion items. If the numbers do not match exactly, or the order was changed on one block but not the other, the sync will point at the wrong slide.
- Carousel Anything settings, such as Infinite Mode, revert on their own after editing the page again. This was a confirmed bug in Nexter Blocks that has since been fixed in a later release. If you see this, update Nexter Blocks to the latest version first.
