A row of feature boxes above a large slider is a common layout: each box names a feature, and the slider shows it in detail.
With The Plus Addons for Elementor you can connect the Info Box widget (in its Carousel layout) to a Carousel Anything slider. Hovering or clicking a box moves the slider to the matching slide.
To check the complete feature overview documentation of The Plus Addons for Elementor Carousel Anything widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — The Info Box connection needs The Plus Addons for Elementor Pro. The Carousel Anything widget itself is free.
- Widget to enable: Carousel Anything, switched on under The Plus Addons > Widgets.
- The Info Box widget switched on as well.
- A Carousel Anything widget with one slide per Info Box item (see the settings overview).
Step 1: Give the Carousel an ID
- Select the Carousel Anything widget.
- Open Content > Extra Options and type an ID in Unique Carousel ID, for example
plans.
Step 2: Switch the Info Box to Carousel
- Add the Info Box widget.
- In Content, set Select Layout to Carousel.
- Add one item per carousel slide, in the same order as the slides.
Step 3: Connect the Info Box
- Turn on Carousel Anything Connection.
- Type the same ID in Connection Carousel ID.
- Choose Effect on: Hover (the default) or Click.
- Optionally pick an item in Default Active.
Publish the page and hover or click the Info Box items on the front end.
How It Behaves
- With Effect on set to Click, clicking the third item moves the carousel to the third slide.
- With Hover, pointing at the third item does the same.
- When the Info Box shows one item at a time, moving its own slider moves the carousel too, and moving the carousel moves the Info Box slider to the matching item.
Limitations
- Items and slides are matched by position only. Keep them in the same order and number.
- The connection is not part of the free plugin: in the free Info Box, Carousel Anything Connection only shows an upgrade notice.
- The connection is only available in the Info Box Carousel layout, not in Listing.
Troubleshooting
Hovering or clicking an item does not move the carousel
- Check that both IDs are exactly the same, with no spaces.
- Check Effect on: with Click, hovering does nothing.
- Make sure Select Layout is Carousel.
The carousel shows the wrong slide
Put the Info Box items in the same order as the carousel slides.
