Content · Elementor
Custom Post Types Slider widget for Elementor
Custom Post Types Slider is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Custom Post Types Slider” in the Elementor panel.
Get King Addons
This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.
What it actually does
Custom Post Types Slider is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Custom Post Types Slider” in the Elementor panel.
Custom Post Types Slider Widget (Free).
render() writes HTML data attributes: data-autoplay, data-autoplay-delay, data-card-link, data-loop, data-navigation, data-pagination, data-slides-per-view, data-slides-per-view-mobile.
Content is loaded with WP_Query in PHP (not a hardcoded list in the editor).
Some inspector controls are marked Pro in PHP (eicon-pro-icon / king-addons-pro-control). Those need King Addons Pro, not Elementor Pro.
The widget script reads data attributes: data-card-link.
How to add it in Elementor
- Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
- Edit with Elementor. Open a page and click Edit with Elementor.
- Insert the widget. Search the panel for “Custom Post Types Slider”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Kng Post Type”, “Posts Number”, “Order By”, “Custom Field Key”. Style and Content tabs are listed on this page.
- Preview the published page. Custom Post Types Slider Widget (Free).
When to use it
- An Elementor page that needs Custom Post Types Slider.
- A layout in the posts, cards, lists, FAQs, and editorial layouts group.
- Search the panel for “Custom Post Types Slider” after King Addons is active.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Query — Kng Post Type | Inspector control `kng_post_type`. |
| Query — Posts Number | WP_Query `posts_per_page` — how many posts are fetched (min 1). |
| Query — Order By | The chosen value is read in render() and applied on the front end. |
| Query — Custom Field Key | Text inspector control (`kng_meta_key`). |
| Query — Order | The chosen value is read in render() and applied on the front end. Options: Descending; Ascending. |
| Query — Offset | Numeric control (default 0, min 0). |
| Query — Include IDs | Comma-separated list of post IDs to include. |
| Query — Exclude IDs | Comma-separated list of post IDs to exclude. |
| Query — Taxonomy Filters | Use taxonomy:slug-one,slug-two; separate multiple taxonomies with semicolons. |
| Query — Show Featured Image | Switcher inspector control (`kng_show_image`). |
| Query — Image Size | Elementor image-size group (thumbnail, medium, large, full, custom). |
| Slider — Slides Per View | Numeric value used in this widget’s render/JS (default 1, min 1, max 4). |
| Slider — Space Between | Spacing/size control (min 0, max 80). |
| Slider — Transition Speed (ms) | Numeric value used in this widget’s render/JS (default 600, min 100, max 5000). |
| Slider — Autoplay | Passed through to Swiper autoplay. |
| Slider — Autoplay Delay (ms) | Numeric value used in this widget’s render/JS (default 3200, min 1000, max 10000). |
| Slider — Loop Slides | Switcher inspector control (`kng_loop`). |
| Animations — Hover Animation | The chosen value is read in render() and applied on the front end. Options: None; Lift; Image Zoom; Tilt; Float; Scale & Fade. |
| Navigation — Show Arrows | Passed through to prev/next carousel arrows. |
| Navigation — Position | Selects the value used for prev/next carousel arrows. Options: Outside; Inside. |
| Navigation — Alignment | Selects the value used for prev/next carousel arrows. Options: Top; Center; Bottom. |
| Navigation — Offset | Spacing/size control (min 0, max 80). |
| Navigation — Arrows Gap | Spacing/size control (min 4, max 80). |
| Navigation — Hide on Tablet | Switcher inspector control (`kng_navigation_hide_tablet`). |
| Navigation — Hide on Mobile | Switcher inspector control (`kng_navigation_hide_mobile`). |
| Pagination — Show Pagination | Passed through to Swiper pagination. |
| Pagination — Position | Swiper `pagination.type` on the front end. Options: Outside; Inside. |
| Pagination — Alignment | Swiper `pagination.type` on the front end. Options: Start; Center; End. |
| Pagination — Offset | Spacing/size control (min 0, max 80). |
| Pagination — Dots Gap | Spacing/size control (min 2, max 36). |
| Content — Show Meta (Author & Date) | Switcher inspector control (`kng_show_meta`). |
| Content — Show Excerpt | Switcher inspector control (`kng_show_excerpt`). |
| Content — Excerpt Length (words) | Numeric value used in this widget’s render/JS (default 18, min 5, max 80). |
| Content — Show Read More | Switcher inspector control (`kng_show_read_more`). |
| Content — Read More Text | Printed in the widget HTML from render(). |
| Content — Make Slide Clickable | Slide click is disabled inside the Elementor editor to avoid interfering with editing. |
| Card — Background | Writes CSS `background-color` onto the widget’s front-end markup. |
| Card — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Card — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-cpt-slider__card`. |
| Card — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. (min 0, max 60). |
| Card — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-cpt-slider__card`. |
| Card — Disable Box Shadow | Switcher inspector control (`kng_card_shadow_disable`). |
| Card — Disable Box Shadow on Hover | Switcher inspector control (`kng_card_shadow_hover_disable`). |
| Text — Title Color | Writes CSS `color` onto the widget’s front-end markup. |
| Text — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-cpt-slider__title`. |
| Text — Excerpt Color | Writes CSS `color` onto the widget’s front-end markup. |
| Text — Typography (Kng Excerpt Typography) | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-cpt-slider__excerpt`. |
| Meta — Meta Color | Writes CSS `color` onto the widget’s front-end markup. |
| Meta — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-cpt-slider__meta`. |
| Read More — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Read More — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-cpt-slider__read-more`. |
Content and Style tabs from this widget’s PHP, including repeater fields and group controls (typography, background, border, shadow). Elementor’s Advanced tab is core Elementor and is not listed here.
FAQ
Which Custom Post Types Slider options need King Addons Pro?
Controls marked with the Pro icon in this widget’s PHP. King Addons Pro is a separate license from Elementor Pro.
How do I add Custom Post Types Slider in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Custom Post Types Slider”, drag it onto the canvas, then set Content and Style.
Do I need Elementor Pro?
No. King Addons runs on free Elementor. Some King Addons options (for example template-in-accordion, extra popup conditions, parts of the template catalog) need King Addons Pro — not Elementor Pro.
Related content widgets
Custom Post Types Grid
Custom Post Types Grid is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Custom Post Types Grid” in the Elementor panel.
Image Marquee
Image Marquee is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Image Marquee” in the Elementor panel.
Announcement / Promo Bar
Announcement / Promo Bar is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Announcement / Promo Bar” in the Elementor panel.
Comparison Matrix Cards
Comparison Matrix Cards is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Comparison Matrix Cards” in the Elementor panel.
Content Toggle
Content Toggle is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Content Toggle” in the Elementor panel.
Cookie Preferences Button
Cookie Preferences Button is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Cookie Preferences Button” in the Elementor panel.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Custom Post Types Slider after you activate it.