Mini Cart

← All widgetsWidget 248 · emcp_custom_248

Elementor widget4 layouts19 content options29 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: cart, woocommerce, mini cart, basket, checkout, header.

Setup guide

Open a page in Elementor, search the panel for Mini Cart and drag it into a container.
Content › Mini Cart: Layout, Icon, Count Badge, Total Next to Icon, Label Next to Icon, Panel Title, Empty Cart Text, Empty Cart Button and 10 more.
Content › Cart Data: Cart.
Pick a Layout: Icon with dropdown, Icon with side panel, Icon linking to the cart page, Inline cart list. Each one is shown below.
Style tab sections: Trigger, Panel. 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.

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

Conditional options: Side Panel From appears when Layout is offcanvas.

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

Layout

Icon with dropdown

Layout = dropdown

Layout

Icon with side panel

Layout = offcanvas

0Basket

Layout

Icon linking to the cart page

Layout = link

0$ 0

Layout

Inline cart list

Layout = inline

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

Mini Cart

Option	Type	Choices / range	Default	Notes
Layout `layout`	Dropdown	Icon with dropdown, Icon with side panel, Icon linking to the cart page, Inline cart list	dropdown
Icon `icon`	Icon		fas fa-shopping-bag
Count Badge `show_count`	Toggle	on / off	yes
Total Next to Icon `show_total`	Toggle	on / off
Label Next to Icon `label`	Text
Panel Title `panel_title`	Text		Your cart
Empty Cart Text `empty_text`	Text		Your cart is empty.
Empty Cart Button `empty_btn`	Text		Start shopping
View Cart Button `cart_btn`	Text		View cart
Checkout Button `checkout_btn`	Text		Checkout
Show Thumbnails `show_thumb`	Toggle	on / off	yes
Show Remove Links `show_remove`	Toggle	on / off	yes
Show Subtotal Row `show_subtotal`	Toggle	on / off	yes
Note Under Totals `shipping_note`	Text
Open On `open_on`	Dropdown	Click, Hover	click
Open When a Product Is Added `open_on_add`	Toggle	on / off	yes
Live Refresh After Add to Cart `live`	Toggle	on / off	yes
Side Panel From `side`	Dropdown	Right, Left	right	Shown when layout = offcanvas

Cart Data

Option	Type	Choices / range	Default	Notes
Cart `cart`	Query	Source: cart

Style tab

Trigger

Option	Type	Choices / range	Default
Icon Size `icon_size`	Slider	min 12, max 48, px	22
Icon Color `icon_color`	Color		#101828
Icon Hover Color `icon_color_h`	Color		#6a11cb
Trigger Background `trig_bg`	Color
Trigger Padding `trig_pad`	Dimensions
Trigger Radius `trig_radius`	Slider	min 0, max 50, px	10
Trigger Border `trig_border`	Border
Badge Background `badge_bg`	Color		#6a11cb
Badge Color `badge_color`	Color		#ffffff
Label / Total Typography `label_typo`	Typography

Panel

Option	Type	Choices / range	Default
Background `panel_bg`	Color		#ffffff
Width `panel_w`	Slider	min 280, max 560, px	360
Radius (dropdown) `panel_radius`	Slider	min 0, max 40, px	14
Shadow `panel_shadow`	Box shadow
Border `panel_border`	Border
Title Typography `title_typo`	Typography
Product Name Typography `name_typo`	Typography
Product Name Color `name_color`	Color		#101828
Quantity / Price Color `meta_color`	Color		#667085
Line Total Color `price_color`	Color		#101828
Thumbnail Radius `thumb_radius`	Slider	min 0, max 40, px	8
Thumbnail Size `thumb_size`	Slider	min 32, max 120, px	56
Total Typography `total_typo`	Typography
Checkout Button Background `btn_primary_bg`	Color		#6a11cb
Checkout Button Color `btn_primary_color`	Color		#ffffff
View Cart Button Color `btn_secondary_color`	Color		#101828
Button Radius `btn_radius`	Slider	min 0, max 40, px	8
Side Panel Overlay `overlay`	Color		rgba(16,24,40,0.5)
Z-index `zindex`	Number	min 1, max 99999	9990

Add it with the MCP tools

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