Remote Carousel
Control a carousel from anywhere on the page.
Arrows, dots, a counter, a progress bar, play / pause, thumbnails or tabs that drive one or more carousels anywhere on the page.
Elementor widget
Requirements
- Elementor 3.5 or newer
- WordPress 6.2 or newer
- PHP 7.4 or newer
- Licence: Pro ($2 / year) — add it to the cart in Moduly
Add it to a page
- Edit the page with Elementor.
- In the widget panel, search for Remote Carousel. Our widgets sit in the Moduly category and carry the Moduly badge.
- Drag it onto the page.
- Set it up in the Content tab, style it in the Style tab, and use Advanced for spacing, motion and visibility.
Settings
Remote
| Setting | What you can set |
|---|---|
| Carousel ID | The Carousel ID set in an Moduly carousel (Logo, Team, Testimonial Carousel…), or the CSS ID (Advanced tab) of any other carousel, such as Image Carousel or Slider. Separate several with commas to drive them together. |
| Hide the Carousel’s Own Arrows & Dots | For carousels without a Carousel ID setting, leave their arrows (and dots) switched on: the remote presses them, hidden. |
| Control | Arrows, Dots, Counter (02 / 06), Progress bar, Play / pause button, Thumbnails, Tabs or Control bar (arrows, counter, progress) |
| Alignment | Left, Center, Right or Spread |
Arrows
| Setting | What you can set |
|---|---|
| Show | Icon, Text or Icon and text |
| Previous Icon | Icon picker |
| Next Icon | Icon picker |
| Previous Text | Text |
| Next Text | Text |
| Preview the Next Slide | Each arrow shows a small picture of the slide it goes to. |
Dots, Thumbnails & Tabs
| Setting | What you can set |
|---|---|
| Dot Style | Dots, Bars or Numbers |
| Labels and Pictures | Read from the carousel’s slides or Written here |
| Items | each item: Label, Subtitle, Picture or Icon |
| Tab Style | Pills, Underline or Cards with a timer line |
| Number the Tabs | On / off |
| Direction | In a row or Stacked |
| Thumbnail Size | 32–240 |
| Thumbnail Shape | Square, 4:3, 16:9 or 3:4 |
| Label Under Each Thumbnail | On / off |
| Scroll When They Do Not Fit | Otherwise they wrap onto more lines. |
Counter & Play Button
| Setting | What you can set |
|---|---|
| Two Digits (01) | On / off |
| Separator | Text |
| Play Text | Text |
| Pause Text | Text |
Style tab: design controls for Arrows & Buttons, Dots, Thumbnails & Tabs or Counter & Progress — colours, typography, spacing, borders and hover states.
Tips
- Visitors who ask their device for reduced motion get a calmer, still version automatically.
Troubleshooting
- A carousel that has neither arrows nor pagination and keeps its Splide instance private can be followed but not moved — leave its arrows on and let the remote hide them (the default).
- Changes not showing on the live page? Regenerate CSS in Elementor → Tools → Regenerate CSS & Data and clear any page cache.
Related
- Works well with: One Page Nav, Scroll Tabs.