← All widgetsWidget 188 · emcp_custom_188

Image Layers

Elementor widget2 layouts11 content options9 style options2 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: parallax, layers, mouse, depth, composition, hero.

Setup guide

  1. Open a page in Elementor, search the panel for Image Layers and drag it into a container.
  2. Content › Layers: Base Image (optional), Layers, Canvas Height, Mouse Parallax, Mouse Strength, Invert Direction, Scroll Parallax, Scroll Strength and 3 more.
  3. Pick a Layer Anchor Point: Centre of the layer, Top-left corner. Each one is shown below.
  4. Style tab sections: Canvas. 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

Centre of the layer

Layer Anchor Point = center

Back cardBack card
Front cardFront card
BadgeBadge
Layout

Top-left corner

Layer Anchor Point = topleft

Back cardBack card
Front cardFront card
BadgeBadge

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

Layers

OptionTypeChoices / rangeDefaultNotes
Base Image (optional)
base		Image
Layers
layers		Repeater3 items
↳ Name
name		TextLayer
↳ Image (PNG / SVG with transparency)
image		Image
↳ Left (%)
x		Numbermin -50, max 15050
↳ Top (%)
y		Numbermin -50, max 15050
↳ Width (%)
w		Numbermin 1, max 20040
↳ Depth (parallax strength, -100 to 100)
depth		Numbermin -100, max 10020
↳ Rotation (deg)
rotate		Numbermin -180, max 1800
↳ Stack Order
z		Numbermin 0, max 501
↳ Entrance
entrance		DropdownNone, Fade, Fade up, Fade down, Zoom, From left, From rightfade-up
↳ Entrance Delay (ms)
delay		Numbermin 0, max 50000
↳ Floating Motion
float		Toggleon / off
↳ Link
link		Link
Canvas Height
height		Slidermin 120, max 1200, px/vh480Responsive
Mouse Parallax
mouse		Toggleon / offyes
Mouse Strength
mouse_strength		Numbermin 0.1, max 51
Invert Direction
invert		Toggleon / off
Scroll Parallax
scroll		Toggleon / offyes
Scroll Strength
scroll_strength		Numbermin 0.1, max 51
3D Tilt on Hover
tilt		Toggleon / off
Layer Anchor Point
anchor		DropdownCentre of the layer, Top-left cornercenter
Allow Overflow
overflow		Toggleon / off

Style tab

Canvas

OptionTypeChoices / rangeDefaultNotes
Background
bg		Background
Radius
radius		Slidermin 0, max 80, px0
Border
border		Border
Shadow
shadow		Box shadow
Layer Radius
layer_radius		Slidermin 0, max 60, px0
Layer Shadow
layer_shadow		Box shadow
Base Image Fit
base_fit		DropdownCover, Containcover
Entrance Duration (ms)
duration		Numbermin 100, max 4000900
Float Distance
float_dist		Slidermin 2, max 60, px12

Add it with the MCP tools

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