← All widgetsWidget 247 · emcp_custom_247

Breadcrumbs

Elementor widget5 layouts11 content options16 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: breadcrumbs, navigation, trail, path, seo.

Setup guide

  1. Open a page in Elementor, search the panel for Breadcrumbs and drag it into a container.
  2. Content › Breadcrumbs: Style, Separator, Separator Icon, Home Icon, Home Shows, Prefix Text, Truncate Titles After (chars, 0 = never), Collapse Middle Items When Long (mobile) and 2 more.
  3. Content › Trail: Trail.
  4. Pick a Style: Plain text, Pills, Arrow tabs (chevron shapes), Boxed bar, Underlined links. Each one is shown below.
  5. Style tab sections: Items. Colours, typography and spacing set here are scoped to this widget instance.
  6. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Trail is a live query (source: breadcrumbs). A "Trail" panel with filters, ordering and count is generated for it; results come from this site's data on every page load.
Conditional options: Separator Icon appears when Separator is icon.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

Plain text

Style = plain

Layout

Pills

Style = pills

Layout

Arrow tabs (chevron shapes)

Style = arrows

Layout

Boxed bar

Style = boxed

Layout

Underlined links

Style = underline

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

Breadcrumbs

OptionTypeChoices / rangeDefaultNotes
Style
style		DropdownPlain text, Pills, Arrow tabs (chevron shapes), Boxed bar, Underlined linksplain
Separator
separator		DropdownChevron, Slash, Dot, Arrow, Pipe, Custom icon, Nonechevron
Separator Icon
sep_icon		IconShown when separator = icon
Home Icon
home_icon		Iconfas fa-home
Home Shows
home_mode		DropdownIcon + label, Icon only, Label onlyboth
Prefix Text
prefix		Text
Truncate Titles After (chars, 0 = never)
truncate		Numbermin 0, max 1200
Collapse Middle Items When Long (mobile)
collapse		Toggleon / offyes
Add BreadcrumbList Schema (JSON-LD)
schema		Toggleon / offyes
Alignment
align		Button groupLeft, Center, Rightflex-startResponsive

Trail

OptionTypeChoices / rangeDefaultNotes
Trail
crumbs		QuerySource: breadcrumbs

Style tab

Items

OptionTypeChoices / rangeDefaultNotes
Typography
typo		Typography
Link Color
color		Color#667085
Link Hover
color_h		Color#6a11cb
Current Color
current_color		Color#101828
Separator Color
sep_color		Color#d0d5dd
Separator Size
sep_size		Slidermin 6, max 30, px12
Gap
gap		Slidermin 0, max 40, px10
Accent (pills / arrows current)
accent		Color#6a11cb
Item Background (pills / arrows)
item_bg		Color#f2f4f7
Item Padding
item_pad		Dimensions
Bar Background (boxed)
bar_bg		Color#f9fafb
Bar Border (boxed)
bar_border		Border
Bar Radius
bar_radius		Slidermin 0, max 40, px10
Bar Padding
bar_pad		Dimensions
Home Icon Size
icon_size		Slidermin 8, max 32, px14
Prefix Color
prefix_color		Color#98a2b3

Add it with the MCP tools

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