How to connect a Carousel with Accordion in WordPress?

Table of Contents

One of the advantages of using The Plus Addons for Block Editor blocks, is that you can interconnect them via a connection id. Let’s see how you can connect your accordion with the Carousel Anything block.

To check the complete feature overview documentation of The Plus Addons for Block Editor Accordion block, click here.

Requirement  – This block is a part of The Plus Addons for Block Editor, make sure its installed & activated to enjoy all its powers.

To do so, add both Carousel Anything and Accordion block on the page, then follow the steps.

1. Add the content to the Carousel Anything slide using the reusable block.

carousel anything content add

2. The number of slides in the Carousel Anything block should be equal to the number of Accordion items.

3. Next, in the Carousel Anything block, go to Connections > Unique Carousel ID and add an id.

carousel anything id

4. The last step to make the connection, go to the Accordion block Extra Options > Carousel Connection Id and add the same id.

accordion unique id

With that, you have established a connection between your Accordion block and the Carousel Anything block. Now, whenever you change your Accordion item, the slider will change too.

carousel  anything accordion preview

Also check, How to set close or open specific Accordion Item in WordPress.