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

  1. Edit the page with Elementor.
  2. In the widget panel, search for Remote Carousel. Our widgets sit in the Moduly category and carry the Moduly badge.
  3. Drag it onto the page.
  4. Set it up in the Content tab, style it in the Style tab, and use Advanced for spacing, motion and visibility.

Settings

Remote

SettingWhat you can set
Carousel IDThe 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 & DotsFor carousels without a Carousel ID setting, leave their arrows (and dots) switched on: the remote presses them, hidden.
ControlArrows, Dots, Counter (02 / 06), Progress bar, Play / pause button, Thumbnails, Tabs or Control bar (arrows, counter, progress)
AlignmentLeft, Center, Right or Spread

Arrows

SettingWhat you can set
ShowIcon, Text or Icon and text
Previous IconIcon picker
Next IconIcon picker
Previous TextText
Next TextText
Preview the Next SlideEach arrow shows a small picture of the slide it goes to.

Dots, Thumbnails & Tabs

SettingWhat you can set
Dot StyleDots, Bars or Numbers
Labels and PicturesRead from the carousel’s slides or Written here
Itemseach item: Label, Subtitle, Picture or Icon
Tab StylePills, Underline or Cards with a timer line
Number the TabsOn / off
DirectionIn a row or Stacked
Thumbnail Size32–240
Thumbnail ShapeSquare, 4:3, 16:9 or 3:4
Label Under Each ThumbnailOn / off
Scroll When They Do Not FitOtherwise they wrap onto more lines.

Counter & Play Button

SettingWhat you can set
Two Digits (01)On / off
SeparatorText
Play TextText
Pause TextText

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.
  • Works well with: One Page Nav, Scroll Tabs.