Advanced Slider – EMCP Widget Demos

← All widgetsWidget 190 · emcp_custom_190

Advanced Slider

Elementor widget6 layouts14 content options25 style options4 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: slider, hero, slideshow, banner, ken burns, creative.

Setup guide

Open a page in Elementor, search the panel for Advanced Slider and drag it into a container.
Content › Slides: Slides, Transition, Content Animation, Height, Autoplay, Delay (ms), Pause on Hover, Transition Speed (ms) and 6 more.
Pick a Transition: Fade, Slide, Zoom fade, Ken Burns (slow zoom), Clip reveal, Blur. Each one is shown below.
Style tab sections: Content, Buttons, Navigation. Colours, typography and spacing set here are scoped to this widget instance.
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

Fade

Transition = fade

New collection

Made for long days

Everyday layers in colours that last.

Up to 30% off

The spring sale is on

Hoodies, tees and accessories.

See offers Learn more

Studio

Designed in-house

Small runs, honest prices.

Layout

Slide

Transition = slide

New collection

Made for long days

Everyday layers in colours that last.

Up to 30% off

The spring sale is on

Hoodies, tees and accessories.

See offers Learn more

Studio

Designed in-house

Small runs, honest prices.

Layout

Zoom fade

Transition = zoom

New collection

Made for long days

Everyday layers in colours that last.

Up to 30% off

The spring sale is on

Hoodies, tees and accessories.

See offers Learn more

Studio

Designed in-house

Small runs, honest prices.

Layout

Ken Burns (slow zoom)

Transition = kenburns

New collection

Made for long days

Everyday layers in colours that last.

Up to 30% off

The spring sale is on

Hoodies, tees and accessories.

See offers Learn more

Studio

Designed in-house

Small runs, honest prices.

Layout

Clip reveal

Transition = clip

New collection

Made for long days

Everyday layers in colours that last.

Up to 30% off

The spring sale is on

Hoodies, tees and accessories.

See offers Learn more

Studio

Designed in-house

Small runs, honest prices.

Layout

Blur

Transition = blur

New collection

Made for long days

Everyday layers in colours that last.

Up to 30% off

The spring sale is on

Hoodies, tees and accessories.

See offers Learn more

Studio

Designed in-house

Small runs, honest prices.

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

Slides

Option	Type	Choices / range	Default	Notes
Slides `slides`	Repeater		3 items
↳ Background Image `image`	Image
↳ Background Video (MP4, optional) `video`	Image
↳ Kicker `kicker`	Text
↳ Title `title`	Text		Slide title
↳ Text `text`	Textarea
↳ Button Text `btn`	Text
↳ Button Link `link`	Link
↳ Second Button Text `btn2`	Text
↳ Second Button Link `link2`	Link
↳ Content Position `align`	Dropdown	Left, Centre, Right, Bottom left	left
↳ Overlay Color `overlay`	Color		rgba(16,24,40,0.45)
↳ Text Color `text_color`	Color		#ffffff
Transition `effect`	Dropdown	Fade, Slide, Zoom fade, Ken Burns (slow zoom), Clip reveal, Blur	fade
Content Animation `content_anim`	Dropdown	Fade up, staggered, From left, Zoom in, None	up
Height `height`	Slider	min 240, max 1200, px/vh	600	Responsive
Autoplay `autoplay`	Toggle	on / off	yes
Delay (ms) `delay`	Number	min 1500, max 30000	6000
Pause on Hover `pause_hover`	Toggle	on / off	yes
Transition Speed (ms) `speed`	Number	min 200, max 3000	900
Arrows `arrows`	Toggle	on / off	yes
Dots `dots`	Toggle	on / off	yes
Dot Style `dot_style`	Dropdown	Round, Bars, Numbers, Bars with progress	bar
Slide Counter `counter`	Toggle	on / off
Scroll Hint Arrow `scroll_hint`	Toggle	on / off
Keyboard Arrows `keyboard`	Toggle	on / off	yes

Style tab

Content

Option	Type	Choices / range	Default	Notes
Content Max Width `maxw`	Slider	min 280, max 1400, px	640
Slide Padding `pad`	Dimensions
Kicker Typography `kicker_typo`	Typography
Kicker Background `kicker_bg`	Color
Title Typography `title_typo`	Typography
Text Typography `text_typo`	Typography
Content Gap `gap`	Slider	min 0, max 60, px	16
Content Box Background `content_bg`	Color
Slider Radius `radius`	Slider	min 0, max 60, px	0

Buttons

Option	Type	Choices / range	Default	Notes
Typography `btn_typo`	Typography
Primary Text `btn_color`	Color		#101828
Primary Background `btn_bg`	Color		#ffffff
Primary Hover Background `btn_bg_h`	Color		#6a11cb
Secondary Text `btn2_color`	Color		#ffffff
Radius `btn_radius`	Slider	min 0, max 60, px	8
Padding `btn_pad`	Dimensions

Navigation

Option	Type	Choices / range	Default	Notes
Arrow Size `arrow_size`	Slider	min 28, max 100, px	52
Arrow Color `arrow_color`	Color		#ffffff
Arrow Background `arrow_bg`	Color		rgba(255,255,255,0.15)
Arrow Hover Background `arrow_bg_h`	Color		#ffffff
Arrow Offset `arrow_offset`	Slider	min 0, max 120, px	24
Dot Color `dot_color`	Color		rgba(255,255,255,0.4)
Active Dot `dot_color_a`	Color		#ffffff
Dots Position `dots_pos`	Dropdown	Bottom centre, Bottom left, Bottom right, Right side, vertical	bottom-center
Counter Color `counter_color`	Color		#ffffff

Add it with the MCP tools

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