← All widgetsWidget 186 · emcp_custom_186

Media Carousel

Elementor widget5 layouts14 content options22 style options3 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: carousel, gallery, slider, video, images, thumbnails, lightbox.

Setup guide

  1. Open a page in Elementor, search the panel for Media Carousel and drag it into a container.
  2. Content › Media: Items, Layout, Slides Per View, Gap, Aspect Ratio, Caption Position, Open Images in Lightbox, Autoplay and 6 more.
  3. Pick a Layout: Slide, Coverflow, Fade, Main + thumbnail strip, Centre with peeking neighbours. Each one is shown below.
  4. Style tab sections: Slide, Captions & Nav. Colours, typography and spacing set here are scoped to this widget instance.
  5. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

Slide

Layout = slide

One
One
One
Two
Two
Two
Three
Three
Three
Four
Four
Four
Five
Five
Five
Layout

Coverflow

Layout = cover

One
One
One
Two
Two
Two
Three
Three
Three
Four
Four
Four
Five
Five
Five
Layout

Fade

Layout = fade

One
One
One
Two
Two
Two
Three
Three
Three
Four
Four
Four
Five
Five
Five
Layout

Main + thumbnail strip

Layout = thumbs

Morning light
Morning lightStudio A
Morning lightStudio A
Behind the scenes
Behind the scenes
Behind the scenes
Detail
Detail
Detail
Packaging
Packaging
Packaging
Layout

Centre with peeking neighbours

Layout = peek

One
One
One
Two
Two
Two
Three
Three
Three
Four
Four
Four
Five
Five
Five

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Media

OptionTypeChoices / rangeDefaultNotes
Items
items		Repeater4 items
↳ Type
kind		DropdownImage, Video (YouTube / Vimeo / MP4)image
↳ Image / Poster
image		Image
↳ Video URL
video		Text
↳ Caption
caption		Text
↳ Sub-caption
sub		Text
↳ Link (images)
link		Link
Layout
layout		DropdownSlide, Coverflow, Fade, Main + thumbnail strip, Centre with peeking neighboursslide
Slides Per View
per_view		Dropdown1, 2, 3, 4, 53Responsive
Gap
gap		Slidermin 0, max 80, px16Responsive
Aspect Ratio
ratio		Dropdown16:9, 4:3, 1:1, 3:4, Natural height4/3
Caption Position
caption_pos		DropdownOverlay at bottom, Below media, Overlay on hover, Hiddenoverlay
Open Images in Lightbox
lightbox		Toggleon / offyes
Autoplay
autoplay		Toggleon / off
Delay (ms)
delay		Numbermin 1000, max 200004000
Loop
loop		Toggleon / offyes
Arrows
arrows		Toggleon / offyes
Dots
dots		Toggleon / offyes
Counter (1 / 6)
counter		Toggleon / off
Zoom Image on Hover
hover_zoom		Toggleon / offyes

Style tab

Slide

OptionTypeChoices / rangeDefaultNotes
Radius
radius		Slidermin 0, max 60, px14
Border
border		Border
Shadow
shadow		Box shadow
Image Filters
img_filter		Css_filter
Hover Filters
img_filter_h		Css_filter
Caption Overlay
overlay		Colorrgba(16,24,40,0.55)
Inactive Scale (coverflow / peek)
inactive_scale		Slidermin 0.5, max 1, px0.86
Inactive Opacity
inactive_op		Slidermin 0.1, max 1, px0.55
Thumbnail Height
thumb_h		Slidermin 40, max 200, px72

Captions & Nav

OptionTypeChoices / rangeDefaultNotes
Caption Typography
cap_typo		Typography
Caption Color
cap_color		Color#ffffff
Sub-caption Color
sub_color		Colorrgba(255,255,255,0.8)
Below Caption Color
below_color		Color#101828
Arrow Size
arrow_size		Slidermin 24, max 80, px44
Arrow Color
arrow_color		Color#101828
Arrow Background
arrow_bg		Color#ffffff
Arrow Hover Background
arrow_bg_h		Color#6a11cb
Arrows Inside
arrow_inside		Toggleon / off
Dot Color
dot_color		Color#d0d5dd
Active Dot
dot_color_a		Color#6a11cb
Play Button Background
play_bg		Color#ffffff
Play Button Icon
play_color		Color#101828

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_186" and a settings object using the keys above. Run get-custom-widget with id 186 for the full JSON spec.