Brands

← All widgetsWidget 120 · emcp_custom_120

Elementor widget5 layouts9 content options26 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: woocommerce, brands, brand, logos, manufacturers, dynamic.

Setup guide

Open a page in Elementor, search the panel for Brands and drag it into a container.
Content › Layout: Layout, Columns, Heading, Show Name (under logo / as fallback), Show Product Count, Marquee Duration (seconds), No Brands Text, note.
Content › Query: Brands.
Pick a Layout: Logo grid, Logo cards with name, Scrolling logo strip, A to Z list with counts, Text pills. Each one is shown below.
Style tab sections: Logo, Text. 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.

Brands is a live query (source: terms). A "Brands" panel with filters, ordering and count is generated for it; results come from this site's data on every page load.

Conditional options: Marquee Duration (seconds) appears when Layout is marquee.

Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.

Layout

Logo grid

Layout = logo-grid

Shop by brand

Acme6

Globex5

Initech5

No brands found. Assign products to brands in WooCommerce.

Layout

Logo cards with name

Layout = logo-cards

Shop by brand

Acme6

Globex5

Initech5

No brands found. Assign products to brands in WooCommerce.

Layout

Scrolling logo strip

Layout = marquee

Shop by brand

Acme6

Globex5

Initech5

No brands found. Assign products to brands in WooCommerce.

Layout

A to Z list with counts

Layout = list

Shop by brand

Acme6

Globex5

Initech5

No brands found. Assign products to brands in WooCommerce.

Layout

Text pills

Layout = pills

Shop by brand

Acme6

Globex5

Initech5

No brands found. Assign products to brands in WooCommerce.

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

Layout

Option	Type	Choices / range	Default	Notes
Layout `layout`	Dropdown	Logo grid, Logo cards with name, Scrolling logo strip, A to Z list with counts, Text pills	logo-grid
Columns `columns`	Dropdown	2, 3, 4, 5, 6, 8	6	Responsive
Heading `heading`	Text
Show Name (under logo / as fallback) `show_name`	Toggle	on / off	yes
Show Product Count `show_count`	Toggle	on / off
Marquee Duration (seconds) `marquee_speed`	Number	min 5, max 120	30	Shown when layout = marquee
No Brands Text `empty_text`	Text		No brands found. Assign products to b...
note `note`	Alert

Query

Option	Type	Choices / range	Default	Notes
Brands `brands`	Query	Source: terms

Style tab

Logo

Option	Type	Choices / range	Default	Notes
Gap `gap`	Slider	min 0, max 80, px	20	Responsive
Logo Height `logo_h`	Slider	min 16, max 200, px	48	Responsive
Grayscale (color on hover) `grayscale`	Toggle	on / off	yes
Custom Filters `logo_filter`	Css_filter
Item Background `item_bg`	Color		#ffffff
Item Hover Background `item_bg_h`	Color
Item Border `item_border`	Border
Item Hover Border Color `item_border_h`	Color		#6a11cb
Item Radius `item_radius`	Slider	min 0, max 60, px	12
Item Padding `item_pad`	Dimensions
Item Min Height `item_h`	Slider	min 40, max 300, px	96
Item Shadow `item_shadow`	Box shadow
Item Hover Shadow `item_shadow_h`	Box shadow
Marquee Edge Fade (match background) `fade_color`	Color		#ffffff

Text

Option	Type	Default
Heading Typography `h_typo`	Typography
Heading Color `h_color`	Color	#101828
Name Typography `name_typo`	Typography
Name Color `name_color`	Color	#344054
Name Hover Color `name_color_h`	Color	#6a11cb
Count Typography `count_typo`	Typography
Count Color `count_color`	Color	#98a2b3
A-Z Letter Typography `letter_typo`	Typography
A-Z Letter Color `letter_color`	Color	#6a11cb
Pill Background `pill_bg`	Color	#f2f4f7
Pill Hover Background `pill_bg_h`	Color	#6a11cb
Pill Hover Text `pill_color_h`	Color	#ffffff

Add it with the MCP tools

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