Design
Ten Layout Ideas for a Product Landing Page
A short excerpt for ten layout ideas for a product landing page that gives the reader a reason to click through.
← All widgetsWidget 114 ·
emcp_custom_114Post Carousel
Elementor widget3 layouts14 content options29 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: posts, carousel, slider, blog, dynamic.
Setup guide
- Open a page in Elementor, search the panel for Post Carousel and drag it into a container.
- Content › Layout: Card Layout, Slides Per View, Space Between, Autoplay, Autoplay Delay (ms), Loop, Arrows, Dots and 5 more.
- Content › Query: Posts.
- Pick a Card Layout: Card (image top), Image with overlay text, Minimal. Each one is shown below.
- Style tab sections: Card, Text, 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.
Posts is a live query (source: posts). A "Posts" 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
Card (image top)
Card Layout = card
Development
How We Cut Page Weight in Half
A short excerpt for how we cut page weight in half that gives the reader a reason to click through.
Marketing
Writing Headlines That Convert
A short excerpt for writing headlines that convert that gives the reader a reason to click through.
News
What Changed in Elementor 4.2
A short excerpt for what changed in elementor 4.2 that gives the reader a reason to click through.
Design
A Colour System for Small Teams
A short excerpt for a colour system for small teams that gives the reader a reason to click through.
Development
Shipping a Theme Without a Framework
A short excerpt for shipping a theme without a framework that gives the reader a reason to click through.
Marketing
Email Sequences That Do Not Annoy
A short excerpt for email sequences that do not annoy that gives the reader a reason to click through.
News
Spring Release Notes
A short excerpt for spring release notes that gives the reader a reason to click through.
No posts found.
Layout
Image with overlay text
Card Layout = overlay
Design
Ten Layout Ideas for a Product Landing Page
A short excerpt for ten layout ideas for a product landing page that gives the reader a reason to click through.
Development
How We Cut Page Weight in Half
A short excerpt for how we cut page weight in half that gives the reader a reason to click through.
Marketing
Writing Headlines That Convert
A short excerpt for writing headlines that convert that gives the reader a reason to click through.
News
What Changed in Elementor 4.2
A short excerpt for what changed in elementor 4.2 that gives the reader a reason to click through.
Design
A Colour System for Small Teams
A short excerpt for a colour system for small teams that gives the reader a reason to click through.
Development
Shipping a Theme Without a Framework
A short excerpt for shipping a theme without a framework that gives the reader a reason to click through.
Marketing
Email Sequences That Do Not Annoy
A short excerpt for email sequences that do not annoy that gives the reader a reason to click through.
News
Spring Release Notes
A short excerpt for spring release notes that gives the reader a reason to click through.
No posts found.
Layout
Minimal
Card Layout = minimal
Design
Ten Layout Ideas for a Product Landing Page
A short excerpt for ten layout ideas for a product landing page that gives the reader a reason to click through.
Development
How We Cut Page Weight in Half
A short excerpt for how we cut page weight in half that gives the reader a reason to click through.
Marketing
Writing Headlines That Convert
A short excerpt for writing headlines that convert that gives the reader a reason to click through.
News
What Changed in Elementor 4.2
A short excerpt for what changed in elementor 4.2 that gives the reader a reason to click through.
Design
A Colour System for Small Teams
A short excerpt for a colour system for small teams that gives the reader a reason to click through.
Development
Shipping a Theme Without a Framework
A short excerpt for shipping a theme without a framework that gives the reader a reason to click through.
Marketing
Email Sequences That Do Not Annoy
A short excerpt for email sequences that do not annoy that gives the reader a reason to click through.
News
Spring Release Notes
A short excerpt for spring release notes that gives the reader a reason to click through.
No posts 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
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Card Layoutlayout | Dropdown | Card (image top), Image with overlay text, Minimal | card | |
Slides Per Viewper_view | Dropdown | 1, 2, 3, 4 | 3 | Responsive |
Space Betweengap | Slider | min 0, max 80, px | 24 | Responsive |
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 | yes | |
Show Categoryshow_category | Toggle | on / off | yes | |
Show Excerptshow_excerpt | Toggle | on / off | yes | |
Show Date / Authorshow_meta | Toggle | on / off | yes | |
Title Tagtitle_tag | Dropdown | H2, H3, H4 | h3 | |
No Posts Textempty_text | Text | No posts found. |
Query
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Postsposts | Query | Source: posts |
Style tab
Card
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Backgroundcard_bg | Background | |||
Bordercard_border | Border | |||
Radiuscard_radius | Slider | min 0, max 60, px | 16 | |
Shadowcard_shadow | Box shadow | |||
Hover Shadowcard_shadow_h | Box shadow | |||
Content Paddingcard_pad | Dimensions | |||
Image Heightimg_h | Slider | min 80, max 600, px | 200 | Responsive |
Zoom Image on Hoverimg_zoom | Toggle | on / off | yes | |
Overlay Coloroverlay | Color | rgba(16,24,40,.9) |
Text
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Category Typographycat_typo | Typography | |||
Category Colorcat_color | Color | #6a11cb | ||
Category Backgroundcat_bg | Color | #f4ebff | ||
Title Typographytitle_typo | Typography | |||
Title Colortitle_color | Color | #101828 | ||
Title Hovertitle_color_h | Color | #6a11cb | ||
Excerpt Typographyexcerpt_typo | Typography | |||
Excerpt Colorexcerpt_color | Color | #475467 | ||
Meta Typographymeta_typo | Typography | |||
Meta Colormeta_color | Color | #667085 |
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 | 44 | |
Arrow Borderarrow_border | Border | |||
Arrow Radiusarrow_radius | Slider | min 0, max 50, % | 50 | |
Dot Colordot_color | Color | #d0d5dd | ||
Active Dotdot_active | Color | #6a11cb | ||
Dots Spacingdots_mt | Slider | min 0, max 60, px | 20 |
Add it with the MCP tools
Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_114" and a settings object using the keys above. Run get-custom-widget with id 114 for the full JSON spec.