← All widgetsWidget 89 · emcp_custom_89

Filterable Gallery

Elementor widget1 layout5 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: gallery, filter, portfolio, grid.

Setup guide

  1. Open a page in Elementor, search the panel for Filterable Gallery and drag it into a container.
  2. Content › Content: Columns, Show filters, "All" label, Title HTML Tag, Items.
  3. Style tab sections: Style. Colours, typography and spacing set here are scoped to this widget instance.
  4. 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.
Demo

Default

Brand refresh

Brand refresh

Branding
Landing page

Landing page

Web
Packaging set

Packaging set

Design
Mobile app

Mobile app

Web
Poster series

Poster series

Design
Identity system

Identity system

Branding

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

Content

OptionTypeChoices / rangeDefaultNotes
Columns
columns		Dropdown2, 3, 43
Show filters
show_filters		Toggleon / offyes
"All" label
all_label		TextAll
Title HTML Tag
title_tag		DropdownH1, H2, H3, H4, H5, H6, DIV, P, SPANh3
Items
items		Repeater3 items
↳ Image
image		Image
↳ Title
title		TextProject
↳ Category
category		TextDesign
↳ Link
link		Link

Style tab

Style

OptionTypeChoices / rangeDefaultNotes
Image Fit
img_fit		DropdownCover (fill & crop), Contain (fit whole)cover
Image Position
img_position		DropdownCenter, Top, Bottom, Left, Rightcenter
Corner Radius
radius		Slidermin 0, max 40, px12
Filter Accent
accent		Color
Title Typography
title_typo		Typography
Category Typography
cat_typo		Typography
Caption Text Color
cap_color		Color
Overlay Gradient (bottom)
ov_end		Colorrgba(0,0,0,0.85)
Overlay Gradient (top)
ov_start		Colorrgba(0,0,0,0)

Add it with the MCP tools

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