← All widgetsWidget 110 · emcp_custom_110

Advanced Search

Elementor widget5 layouts15 content options35 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: search, form, live search, ajax, products, posts.

Setup guide

  1. Open a page in Elementor, search the panel for Advanced Search and drag it into a container.
  2. Content › Search: Layout, Placeholder, Button Text, Button Icon, Show Button Text, Search In, Show Type Filter Dropdown, Filter Options (slug|Label per line) and 7 more.
  3. Pick a Layout: Inline (input + button), Minimal underline, Icon that expands, Icon opens full-screen overlay, Stacked with filter. Each one is shown below.
  4. Style tab sections: Input, Button, Live Results. 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.
Conditional options: Filter Options (slug|Label per line) appears when Show Type Filter Dropdown is yes; Min Characters appears when Live Results While Typing is yes; Max Results appears when Live Results While Typing is yes; No Results Text appears when Live Results While Typing is yes; See All Results Text appears when Live Results While Typing is yes.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

Inline (input + button)

Layout = inline

Layout

Minimal underline

Layout = minimal

Layout

Icon that expands

Layout = icon

Layout

Icon opens full-screen overlay

Layout = fullscreen

Layout

Stacked with filter

Layout = stacked

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

Search

OptionTypeChoices / rangeDefaultNotes
Layout
layout		DropdownInline (input + button), Minimal underline, Icon that expands, Icon opens full-screen overlay, Stacked with filterinline
Placeholder
placeholder		TextSearch...
Button Text
button_text		TextSearch
Button Icon
button_icon		Icon
Show Button Text
show_button_text		Toggleon / offyes
Search In
post_type		DropdownEverything, Posts, Pages, Products (WooCommerce)
Show Type Filter Dropdown
show_filter		Toggleon / off
Filter Options (slug|Label per line)
filter_types		Textarea|Everything post|Posts page|Pages pro...Shown when show_filter = yes
Live Results While Typing
live		Toggleon / offyes
Min Characters
live_min		Numbermin 1, max 103Shown when live = yes
Max Results
live_max		Numbermin 1, max 206Shown when live = yes
No Results Text
live_none		TextNo results foundShown when live = yes
See All Results Text
live_all		TextSee all resultsShown when live = yes
Form Max Width
width		Slidermin 10, max 100, %/px100Responsive
Alignment
align		Button groupLeft, Center, Rightflex-startResponsive

Style tab

Input

OptionTypeChoices / rangeDefaultNotes
Typography
in_typo		Typography
Text Color
in_color		Color#101828
Placeholder Color
in_ph		Color#98a2b3
Background
in_bg		Color#ffffff
Focus Background
in_bg_f		Color
Height
in_h		Slidermin 32, max 100, px52
Padding
in_pad		Dimensions
Border
in_border		Border
Focus Border Color
in_border_f		Color#6a11cb
Radius
in_radius		Slidermin 0, max 60, px12
Shadow
in_shadow		Box shadow
Focus Shadow
in_shadow_f		Box shadow
Filter Text Color
sel_color		Color#475467

Button

OptionTypeChoices / rangeDefaultNotes
Typography
btn_typo		Typography
Color
btn_color		Color#ffffff
Background
btn_bg		Color#6a11cb
Hover Color
btn_color_h		Color
Hover Background
btn_bg_h		Color
Icon Size
btn_icon_size		Slidermin 10, max 40, px18
Padding
btn_pad		Dimensions
Radius (detached button)
btn_radius		Slidermin 0, max 60, px10
Border
btn_border		Border
Gap From Input
btn_gap		Slidermin 0, max 30, px8

Live Results

OptionTypeChoices / rangeDefaultNotes
Background
r_bg		Color#ffffff
Border
r_border		Border
Radius
r_radius		Slidermin 0, max 40, px12
Shadow
r_shadow		Box shadow
Item Typography
r_typo		Typography
Item Color
r_color		Color#101828
Item Hover Color
r_color_h		Color#6a11cb
Item Hover Background
r_bg_h		Color#f9f5ff
Type Badge Color
r_type_color		Color#98a2b3
Item Padding
r_pad		Dimensions
Fullscreen Overlay Background
ov_bg		Colorrgba(16,24,40,.92)
Fullscreen Close Color
ov_close		Color#ffffff

Add it with the MCP tools

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