Static Product Card

← All widgetsWidget 111 · emcp_custom_111

Elementor widget5 layouts20 content options56 style options5 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: product, card, static, price, buy, shop, feature.

Setup guide

Open a page in Elementor, search the panel for Static Product Card and drag it into a container.
Content › Product: Layout, Product Image, Hover Image (optional), Badge, Title, Title Tag, Category / Subtitle, Price and 12 more.
Pick a Layout: Card (image top), Horizontal (image left), Horizontal (image right), Image with overlay content, Minimal (no card). Each one is shown below.
Style tab sections: Card, Image & Badge, Text & Price, Buttons. 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.

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

Layout

Card (image top)

Layout = card

Sale

Audio

Wireless Headphones Pro

(128 reviews)

$149~~$199~~

Studio-grade sound with 40 hours of battery life and active noise cancellation.

40h battery
Active noise cancelling
Free shipping

Add to cart View details →

Layout

Horizontal (image left)

Layout = horizontal

-20%

Furniture

Oak Lounge Chair

(42 reviews)

$489~~$620~~

Solid oak frame with a hand-woven seat.

Free delivery
10-year warranty

Add to cart View details →

Layout

Horizontal (image right)

Layout = horizontal-reverse

-20%

Furniture

Oak Lounge Chair

(42 reviews)

$489~~$620~~

Solid oak frame with a hand-woven seat.

Free delivery
10-year warranty

Add to cart View details →

Layout

Image with overlay content

Layout = overlay

-20%

Furniture

Oak Lounge Chair

(42 reviews)

$489~~$620~~

Solid oak frame with a hand-woven seat.

Free delivery
10-year warranty

Add to cart View details →

Layout

Minimal (no card)

Layout = minimal

-20%

Furniture

Oak Lounge Chair

(42 reviews)

$489~~$620~~

Solid oak frame with a hand-woven seat.

Free delivery
10-year warranty

Add to cart View details →

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

Product

Option	Type	Choices / range	Default
Layout `layout`	Dropdown	Card (image top), Horizontal (image left), Horizontal (image right), Image with overlay content, Minimal (no card)	card
Product Image `image`	Image
Hover Image (optional) `hover_image`	Image
Badge `badge`	Text		Sale
Title `title`	Text		Wireless Headphones Pro
Title Tag `title_tag`	Dropdown	H2, H3, H4, div	h3
Category / Subtitle `subtitle`	Text		Audio
Price `price`	Text		$149
Old Price `old_price`	Text		$199
Rating `rating`	Dropdown	None, 1, 2, 3, 4, 5	5
Reviews Text `reviews`	Text		(128 reviews)
Description `description`	Textarea		Studio-grade sound with 40 hours of b...
Highlights (one per line) `features`	Textarea		40h battery Active noise cancelling F...
Button Text `cta_text`	Text		Add to cart
Button Icon `cta_icon`	Icon
Button Link `cta_link`	Link
Secondary Link Text `cta2_text`	Text		View details
Secondary Link `cta2_link`	Link
Link Image & Title to Secondary Link `link_image`	Toggle	on / off	yes
Text Align `align`	Button group	Left, Center, Right	left

Style tab

Card

Option	Type	Choices / range	Default	Notes
Background `card_bg`	Background
Border `card_border`	Border
Radius `card_radius`	Slider	min 0, max 60, px	16
Shadow `card_shadow`	Box shadow
Hover Shadow `card_shadow_h`	Box shadow
Content Padding `card_pad`	Dimensions			Responsive
Content Spacing `card_gap`	Slider	min 0, max 40, px	10
Max Width `max_w`	Slider	min 10, max 100, %/px	100
Lift on Hover `hover_lift`	Toggle	on / off	yes

Image & Badge

Option	Type	Choices / range	Default	Notes
Image Height `img_h`	Slider	min 80, max 700, px	260	Responsive
Image Width (horizontal) `img_w`	Slider	min 20, max 70, %	45	Responsive
Image Fit `img_fit`	Dropdown	Cover, Contain	cover
Image Area Background `img_bg`	Color		#f9fafb
Image Inset `img_pad`	Slider	min 0, max 60, px	0
Image Radius `img_radius`	Slider	min 0, max 60, px	0
Zoom on Hover `img_zoom`	Toggle	on / off	yes
Filters `img_filter`	Css_filter
Badge Typography `badge_typo`	Typography
Badge Text `badge_color`	Color		#ffffff
Badge Background `badge_bg`	Color		#f04438
Badge Radius `badge_radius`	Slider	min 0, max 999, px	999
Badge Position `badge_pos`	Dropdown	Top left, Top right, Bottom left, Bottom right	top-left
Overlay Gradient (overlay layout) `overlay_bg`	Color		rgba(16,24,40,.85)

Text & Price

Option	Type	Choices / range	Default
Subtitle Typography `sub_typo`	Typography
Subtitle Color `sub_color`	Color		#6a11cb
Title Typography `title_typo`	Typography
Title Color `title_color`	Color		#101828
Title Hover Color `title_color_h`	Color
Price Typography `price_typo`	Typography
Price Color `price_color`	Color		#101828
Old Price Typography `old_typo`	Typography
Old Price Color `old_color`	Color		#98a2b3
Star Color `star_color`	Color		#f79009
Empty Star Color `star_empty`	Color		#e4e7ec
Star Size `star_size`	Slider	min 8, max 40, px	15
Reviews Text Color `rev_color`	Color		#667085
Description Typography `desc_typo`	Typography
Description Color `desc_color`	Color		#475467
Highlights Typography `feat_typo`	Typography
Highlights Color `feat_color`	Color		#344054
Checkmark Color `check_color`	Color		#12b76a

Buttons

Option	Type	Choices / range	Default
Button Typography `btn_typo`	Typography
Button Text `btn_color`	Color		#ffffff
Button Background `btn_bg`	Color		#6a11cb
Button Hover Text `btn_color_h`	Color
Button Hover Background `btn_bg_h`	Color
Button Padding `btn_pad`	Dimensions
Button Radius `btn_radius`	Slider	min 0, max 60, px	10
Button Border `btn_border`	Border
Button Shadow `btn_shadow`	Box shadow
Full Width Button `btn_full`	Toggle	on / off
Secondary Link Typography `cta2_typo`	Typography
Secondary Link Color `cta2_color`	Color		#475467
Secondary Link Hover `cta2_color_h`	Color		#6a11cb
Buttons Gap `actions_gap`	Slider	min 0, max 40, px	14
Buttons Top Spacing `actions_mt`	Slider	min 0, max 40, px	6

Add it with the MCP tools

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