← All widgetsWidget 117 ·
emcp_custom_117Product Slider
Elementor widget4 layouts19 content options41 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, slider, carousel, shop, dynamic.
Setup guide
- Open a page in Elementor, search the panel for Product Slider and drag it into a container.
- Content › Layout: Card Layout, Slides Per View, Space Between, Heading, Heading Link Text, Heading Link, Autoplay, Autoplay Delay (ms) and 10 more.
- Content › Query: Products.
- Pick a Card Layout: Classic, Add to cart on hover, Image with overlay info, Minimal. Each one is shown below.
- Style tab sections: Card, Text & Button, Arrows & Dots. 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.
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.
Conditional options:
Autoplay Delay (ms) appears when Autoplay is yes.Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout
Classic
Card Layout = classic
Layout
Add to cart on hover
Card Layout = hover-cart
Layout
Image with overlay info
Card Layout = overlay
Layout
Minimal
Card Layout = minimal
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 |
|---|---|---|---|---|
Card Layoutlayout | Dropdown | Classic, Add to cart on hover, Image with overlay info, Minimal | classic | |
Slides Per Viewper_view | Dropdown | 1, 2, 3, 4, 5, 6 | 4 | Responsive |
Space Betweengap | Slider | min 0, max 80, px | 24 | Responsive |
Headingheading | Text | Featured products | ||
Heading Link Textheading_link_text | Text | Shop all | ||
Heading Linkheading_link | Link | |||
Autoplayautoplay | Toggle | on / off | yes | |
Autoplay Delay (ms)autoplay_delay | Number | min 1000, max 20000 | 4000 | Shown when autoplay = yes |
Looploop | Toggle | on / off | yes | |
Arrowsarrows | Toggle | on / off | yes | |
Dotsdots | Toggle | on / off | ||
Show Categoryshow_category | Toggle | on / off | yes | |
Show Ratingshow_rating | Toggle | on / off | yes | |
Show Badgesshow_badge | Toggle | on / off | yes | |
Show Add to Cartshow_button | Toggle | on / off | yes | |
Swap to Gallery Image on Hoverswap_hover | Toggle | on / off | yes | |
Title Tagtitle_tag | Dropdown | H2, H3, H4 | h3 | |
No Products Textempty_text | Text | No products found. |
Query
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Productsproducts | Query | Source: products |
Style tab
Card
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Backgroundcard_bg | Background | |||
Bordercard_border | Border | |||
Radiuscard_radius | Slider | min 0, max 60, px | 14 | |
Shadowcard_shadow | Box shadow | |||
Hover Shadowcard_shadow_h | Box shadow | |||
Content Paddingcard_pad | Dimensions | |||
Image Ratioimg_ratio | Dropdown | Square, Portrait 4:5, Landscape 4:3 | 1 / 1 | |
Image Area Backgroundimg_bg | Color | #f4f4f5 | ||
Zoom on Hoverimg_zoom | Toggle | on / off | yes | |
Sale Badge Backgroundsale_bg | Color | #f04438 | ||
Featured Badge Backgroundfeat_bg | Color | #6a11cb | ||
Badge Typographybadge_typo | Typography |
Text & Button
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Heading Typographyh_typo | Typography | |||
Heading Colorh_color | Color | #101828 | ||
Heading Link Colorh_link_color | Color | #6a11cb | ||
Heading Spacingh_mb | Slider | min 0, max 60, px | 20 | |
Category Typographycat_typo | Typography | |||
Category Colorcat_color | Color | #667085 | ||
Title Typographytitle_typo | Typography | |||
Title Colortitle_color | Color | #101828 | ||
Title Hovertitle_color_h | Color | #6a11cb | ||
Price Typographyprice_typo | Typography | |||
Price Colorprice_color | Color | #101828 | ||
Old Price Colorold_color | Color | #98a2b3 | ||
Star Colorstar_color | Color | #f79009 | ||
Button Typographybtn_typo | Typography | |||
Button Textbtn_color | Color | #ffffff | ||
Button Backgroundbtn_bg | Color | #101828 | ||
Button Hover Textbtn_color_h | Color | |||
Button Hover Backgroundbtn_bg_h | Color | #6a11cb | ||
Button Radiusbtn_radius | Slider | min 0, max 60, px | 10 | |
Button Paddingbtn_pad | Dimensions |
Arrows & Dots
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Arrow Colorarrow_color | Color | #101828 | ||
Arrow Backgroundarrow_bg | Color | #ffffff | ||
Arrow Hover Colorarrow_color_h | Color | |||
Arrow Hover Backgroundarrow_bg_h | Color | |||
Arrow Sizearrow_size | Slider | min 24, max 80, px | 40 | |
Arrow Borderarrow_border | Border | |||
Arrow Positionarrow_pos | Dropdown | In the heading row, Overlapping sides | header | |
Dot Colordot_color | Color | #d0d5dd | ||
Active Dotdot_active | Color | #6a11cb |
Add it with the MCP tools
Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_117" and a settings object using the keys above. Run get-custom-widget with id 117 for the full JSON spec.