Post Carousel & Grid for Elementor adds one widget to Elementor that shows your posts in a slider, a grid or a list. Pick posts, pages, WooCommerce products or any custom post type, choose one of 52 templates, and style it in the Elementor editor. Everything is free, and the plugin works with the free version of Elementor.

What you can build

A blog post carousel on your home page
A related posts slider under every article
A WooCommerce product carousel with prices, ratings and Add to cart
A grid of the latest news, events or portfolio items
A news ticker that scrolls your latest headlines
A carousel of categories or any other taxonomy terms

Choose the posts

Posts I choose: any post type, with search fields to pick or leave out single posts. You can also show taxonomy terms (categories, tags, product categories) instead of posts.
Related posts: on a single post, show posts that share its categories, tags or any other taxonomy. If nothing is related, it can fall back to your latest posts.
Current query: on an archive, category or search page, show the posts of that page. Handy in theme builder templates.
Filters: include or leave out terms (match any or all), include or leave out authors, limit by date (past day, week, month, 3 months, year or a custom range), skip the first posts, and decide what happens to sticky posts.
Order: by date, title, last modified, menu order, comment count, random, ID, author or a custom field.

WooCommerce product carousel

When WooCommerce is active you can show featured, on sale, best selling or top rated products and hide the ones that are out of stock. The Card template shows the price with the sale price, a Sale badge, star rating, an Out of stock label and an Add to cart button that works without leaving the page. Variable products get a “Select options” button.

52 templates and a Card you can shape

51 ready made templates cover classic blog cards, overlays, side by side layouts, minimal lists and product cards. The Card template lets you switch each part on or off: image, category badge, meta row, excerpt, button, and the product parts.

Meta row: date, author, author picture, categories, comment count and reading time.
Image options: aspect ratio, fit, corner radius and a hover effect (zoom, lift, darken or color on hover). These work on every template.
Text: take the heading and description from any post field or custom field, trim them to a word count, and choose the heading tag (H1 to H6, div, p or span).
Link: link the whole card or only the button, in the same tab or a new one.
Social sharing: optional share links for Facebook, X, LinkedIn, WhatsApp, Pinterest and email.

Carousel, grid or list

Switch the layout of any widget. The grid follows Elementor’s own breakpoints for desktop, tablet and phone columns. The list layout puts the image next to the text. Grid and list load no slider script at all.

The carousel offers:

Columns per device and the number of slides to scroll
Autoplay with a pause button, arrows, dots, loop, RTL and vertical mode
Fade, coverflow and centered slide effects
Dots, numbers (2 / 8) or a progress bar
News ticker mode that scrolls at a steady speed and stops when you hover
Your own arrow icons from the Elementor icon library

Light and fast

CSS and JavaScript only load on pages that use the widget, and only for the template you picked.
New carousels use the Swiper library that already comes with Elementor, so nothing extra is downloaded and no jQuery code is added.
With lazy loading on, images in view still load right away and only the rest wait. The browser gets the right image size for each screen.
The post and term pickers search as you type instead of loading every post into the page.

Accessible

Arrows and dots work with the keyboard and show a clear focus outline. Autoplay stops while the mouse or keyboard focus is inside the carousel, there is a pause button, and autoplay turns off for visitors who ask their device to reduce motion. Copies of slides used for looping are hidden from screen readers.

Built for developers

Every template can be overridden from your theme by copying it to your-theme/dpce/style-{id}.php. Register your own templates with the dpce_styles filter. Change the query, the slider options, the settings passed to templates or the HTML of a single card with filters such as dpce_query_args, dpce_swiper_options, dpce_carousel_settings and dpce_slide_html. See the developer guide on GitHub.

External services

The plugin does not contact any outside service on its own. It sends no usage data and has no tracking.

The only outside services involved are social networks, through the optional Social Sharing setting of the widget (off by default). When it is on, the carousel shows share links that point to the addresses below. Nothing is sent when the page loads. Data goes to a network only when a visitor clicks one of its links, and it is limited to the public address and title of the post.

Facebook

Lets visitors share a post on Facebook.
Address: https://www.facebook.com/sharer/sharer.php
Sent on click: post URL.
Terms of service: https://www.facebook.com/legal/terms
Privacy policy: https://www.facebook.com/privacy/policy

X (Twitter)

Lets visitors share a post on X.
Address: https://twitter.com/intent/tweet
Sent on click: post URL and title.
Terms of service: https://x.com/en/tos
Privacy policy: https://x.com/en/privacy

Lets visitors share a post on LinkedIn.
Address: https://www.linkedin.com/sharing/share-offsite/
Sent on click: post URL.
Terms of service: https://www.linkedin.com/legal/user-agreement
Privacy policy: https://www.linkedin.com/legal/privacy-policy

Lets visitors share a post on WhatsApp.
Address: https://api.whatsapp.com/send
Sent on click: post URL and title.
Terms of service: https://www.whatsapp.com/legal/terms-of-service
Privacy policy: https://www.whatsapp.com/legal/privacy-policy

Lets visitors pin a post on Pinterest.
Address: https://pinterest.com/pin/create/button/
Sent on click: post URL and title.
Terms of service: https://policy.pinterest.com/en/terms-of-service
Privacy policy: https://policy.pinterest.com/en/privacy-policy

The Email share link is a standard mailto: link. It opens the visitor’s own email program and contacts no server.

The Getting Started page and the review request contain plain links to WordPress.org, webcodingplace.com and classicaddons.com. They only open when you click them.

Third-party libraries

Slick Carousel 1.8.1 by Ken Wheeler, MIT license, https://github.com/kenwheeler/slick. Bundled in assets/vendor/slick/ and loaded from your site. Used by carousels on the Classic engine.
Swiper, MIT license, https://swiperjs.com. Not bundled: the Modern engine uses the copy that comes with Elementor.

No file is loaded from a CDN.

Post Carousel & Grid for Elementor by WebCodingPlace

About this plugin