How to connect a Carousel with WordPress Tabs?

Updated on February 10, 2023 by Ananda

Table of Contents

When you are using The Plus Blocks for Gutenberg blocks on your WordPress page, you get a unique advantage compared to other normal WordPress blocks. You can interconnect the blocks with a connection id.

To check the complete feature overview documentation of The Plus Blocks for Gutenberg Tabs Tours block, click here.

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

Using this unique feature, you can link the Carousel Anything block with the Tabs Tours block.

First, add both the Carousel Anything and the Tabs Tours block on the page and follow the steps.

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

carousel anything content add

2. The number of slides in the Carousel Anything block and the number of Tab items should be equal.

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

carousel unique id

4. Finally, go to the Tabs block Extra Options > Carousel Connection Id and add the same id.

tabs unique id

Now both the blocks are interconnected, so when you change the tab the carousel content will change together.

tabs and anything carousel preview