← All widgetsWidget 118 · emcp_custom_118

Products List

Elementor widget4 layouts13 content options39 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: woocommerce, products, list, rows, table, dynamic.

Setup guide

  1. Open a page in Elementor, search the panel for Products List and drag it into a container.
  2. Content › Layout: List Style, Columns, Heading, Show Category, Show SKU, Show Rating, Show Short Description, Show Stock Status and 4 more.
  3. Content › Query: Products.
  4. Pick a List Style: Rows (image, info, price, button), Compact (small thumb, title, price), Numbered best-sellers, Table with columns. Each one is shown below.
  5. Style tab sections: Rows, Text & Price, Button. 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.
Products is a live query (source: products). A "Products" panel with filters, ordering and count is generated for it; results come from this site's data on every page load.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

Rows (image, info, price, button)

List Style = rows

Best sellers

ProductPriceStock
Cap
AccessoriesSKU EMCP-012

Cap

(11)
A well-made cap for everyday use.
$ 16
In stockOut of stockAdd to cart
Graphic Tee-18%
TshirtsSKU EMCP-006

Graphic Tee

(5)
A well-made graphic tee for everyday use.
Original price was: $ 22.Current price is: $ 18.
In stockOut of stockAdd to cart
Sunglasses-17%
AccessoriesSKU EMCP-011

Sunglasses

(10)
A well-made sunglasses for everyday use.
Original price was: $ 90.Current price is: $ 75.
In stockOut of stockAdd to cart
Basic Tee
TshirtsSKU EMCP-005

Basic Tee

(4)
A well-made basic tee for everyday use.
$ 18
In stockOut of stockRead more
Throw Pillow-21%
DecorSKU EMCP-016

Throw Pillow

(15)
A well-made throw pillow for everyday use.
Original price was: $ 28.Current price is: $ 22.
In stockOut of stockAdd to cart

No products found.

Layout

Compact (small thumb, title, price)

List Style = compact

Best sellers

ProductPriceStock
Cap
AccessoriesSKU EMCP-012

Cap

(11)
A well-made cap for everyday use.
$ 16
In stockOut of stockAdd to cart
Graphic Tee-18%
TshirtsSKU EMCP-006

Graphic Tee

(5)
A well-made graphic tee for everyday use.
Original price was: $ 22.Current price is: $ 18.
In stockOut of stockAdd to cart
Sunglasses-17%
AccessoriesSKU EMCP-011

Sunglasses

(10)
A well-made sunglasses for everyday use.
Original price was: $ 90.Current price is: $ 75.
In stockOut of stockAdd to cart
Basic Tee
TshirtsSKU EMCP-005

Basic Tee

(4)
A well-made basic tee for everyday use.
$ 18
In stockOut of stockRead more
Throw Pillow-21%
DecorSKU EMCP-016

Throw Pillow

(15)
A well-made throw pillow for everyday use.
Original price was: $ 28.Current price is: $ 22.
In stockOut of stockAdd to cart

No products found.

Layout

Numbered best-sellers

List Style = numbered

Best sellers

ProductPriceStock
Cap
AccessoriesSKU EMCP-012

Cap

(11)
A well-made cap for everyday use.
$ 16
In stockOut of stockAdd to cart
Graphic Tee-18%
TshirtsSKU EMCP-006

Graphic Tee

(5)
A well-made graphic tee for everyday use.
Original price was: $ 22.Current price is: $ 18.
In stockOut of stockAdd to cart
Sunglasses-17%
AccessoriesSKU EMCP-011

Sunglasses

(10)
A well-made sunglasses for everyday use.
Original price was: $ 90.Current price is: $ 75.
In stockOut of stockAdd to cart
Basic Tee
TshirtsSKU EMCP-005

Basic Tee

(4)
A well-made basic tee for everyday use.
$ 18
In stockOut of stockRead more
Throw Pillow-21%
DecorSKU EMCP-016

Throw Pillow

(15)
A well-made throw pillow for everyday use.
Original price was: $ 28.Current price is: $ 22.
In stockOut of stockAdd to cart

No products found.

Layout

Table with columns

List Style = table

Best sellers

ProductPriceStock
Cap
AccessoriesSKU EMCP-012

Cap

(11)
A well-made cap for everyday use.
$ 16
In stockOut of stockAdd to cart
Graphic Tee-18%
TshirtsSKU EMCP-006

Graphic Tee

(5)
A well-made graphic tee for everyday use.
Original price was: $ 22.Current price is: $ 18.
In stockOut of stockAdd to cart
Sunglasses-17%
AccessoriesSKU EMCP-011

Sunglasses

(10)
A well-made sunglasses for everyday use.
Original price was: $ 90.Current price is: $ 75.
In stockOut of stockAdd to cart
Basic Tee
TshirtsSKU EMCP-005

Basic Tee

(4)
A well-made basic tee for everyday use.
$ 18
In stockOut of stockRead more
Throw Pillow-21%
DecorSKU EMCP-016

Throw Pillow

(15)
A well-made throw pillow for everyday use.
Original price was: $ 28.Current price is: $ 22.
In stockOut of stockAdd to cart

No products found.

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

OptionTypeChoices / rangeDefaultNotes
List Style
layout		DropdownRows (image, info, price, button), Compact (small thumb, title, price), Numbered best-sellers, Table with columnsrows
Columns
columns		Dropdown1, 2, 31Responsive
Heading
heading		Text
Show Category
show_category		Toggleon / offyes
Show SKU
show_sku		Toggleon / off
Show Rating
show_rating		Toggleon / offyes
Show Short Description
show_excerpt		Toggleon / offyes
Show Stock Status
show_stock		Toggleon / offyes
Show Add to Cart
show_button		Toggleon / offyes
Show Sale Badge
show_badge		Toggleon / offyes
Title Tag
title_tag		DropdownH3, H4, divh3
No Products Text
empty_text		TextNo products found.

Query

OptionTypeChoices / rangeDefaultNotes
Products
products		QuerySource: products

Style tab

Rows

OptionTypeChoices / rangeDefaultNotes
Row Gap
gap		Slidermin 0, max 60, px14Responsive
Row Background
row_bg		Color#ffffff
Row Hover Background
row_bg_h		Color
Row Border
row_border		Border
Row Radius
row_radius		Slidermin 0, max 40, px12
Row Padding
row_pad		Dimensions
Row Shadow
row_shadow		Box shadow
Row Hover Shadow
row_shadow_h		Box shadow
Divider Color (table / compact)
divider_color		Color#eaecf0
Thumbnail Size
thumb_size		Slidermin 40, max 260, px96Responsive
Thumbnail Radius
thumb_radius		Slidermin 0, max 60, px10
Thumbnail Background
thumb_bg		Color#f4f4f5
Thumbnail Spacing
thumb_gap		Slidermin 0, max 40, px18

Text & Price

OptionTypeChoices / rangeDefaultNotes
Heading Typography
h_typo		Typography
Heading Color
h_color		Color#101828
Number Typography
num_typo		Typography
Number Color
num_color		Color#d0d5dd
Category / SKU Typography
cat_typo		Typography
Category / SKU Color
cat_color		Color#667085
Title Typography
title_typo		Typography
Title Color
title_color		Color#101828
Title Hover
title_color_h		Color#6a11cb
Description Typography
excerpt_typo		Typography
Description Color
excerpt_color		Color#475467
Price Typography
price_typo		Typography
Price Color
price_color		Color#101828
Old Price Color
old_color		Color#98a2b3
Star Color
star_color		Color#f79009
In Stock Color
instock_color		Color#12b76a
Out of Stock Color
oos_color		Color#f04438
Sale Badge Background
sale_bg		Color#f04438

Button

OptionTypeChoices / rangeDefaultNotes
Typography
btn_typo		Typography
Text
btn_color		Color#ffffff
Background
btn_bg		Color#101828
Hover Text
btn_color_h		Color
Hover Background
btn_bg_h		Color#6a11cb
Padding
btn_pad		Dimensions
Radius
btn_radius		Slidermin 0, max 60, px10
Border
btn_border		Border

Add it with the MCP tools

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