Sometimes the carousel buttons belong somewhere else on the page: under a heading, beside a text column or in a sidebar.
The Carousel Remote widget from The Plus Addons for Elementor gives a Carousel Anything slider its own Next/Prev buttons and dots, placed wherever you like. The two widgets are linked by the same ID.
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 Carousel Remote widget 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 Carousel Remote widget switched on as well.
- A Carousel Anything widget with its slides ready (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. Use letters, numbers, dashes or underscores, without spaces.
Step 2: Link the Carousel Remote
- Drag the Carousel Remote widget to the place where the controls should appear.
- In Content, type the same ID in Unique Connection ID.
- Leave Remote Type on Carousel.
Step 3: Choose Buttons, Dots or Both
- Open Prev/Next. Next/Prev Button is on by default and shows a Prev and a Next button. Change the button text and icons here if you like.
- Open Dots and turn on Dots.
- Add one dot item per slide, in the same order as the slides.
Publish the page and try the buttons and dots on the front end.
How It Behaves
- Next and Prev move the carousel one step.
- Clicking a dot moves the carousel to the slide with the same number, and that dot becomes active.
- It also works the other way: when the carousel moves to another slide, the matching dot becomes active.
- Only the carousel with the matching ID reacts. Another Carousel Anything widget on the same page with a different ID stays where it is.
Limitations
- Dots are matched to slides by position. With fewer dots than slides, the extra slides have no dot: in our test with 3 dots and 4 slides, the third dot stayed active while the fourth slide was shown.
- An ID with a space does not work. In our test,
my plansleft the buttons without any effect. - Carousel Remote is not part of the free plugin. The Unique Carousel ID field is in the free Carousel Anything widget, but the remote needs Pro.
Troubleshooting
The buttons do nothing
- Check that Unique Carousel ID and Unique Connection ID are exactly the same.
- Remove any spaces from the ID.
- Make sure Remote Type is set to Carousel.
A dot opens the wrong slide
Put the dot items in the same order as the carousel slides, and add one dot per slide.
