Skip to content

How to Create Elementor Custom Loop Carousel Slider?

Table Of Content

Layout and Style are independent controls, so a visually-designed card template can slide in a carousel exactly like a built-in style-1 card would.

Set Style to Custom and pick a card template, and set Layout to Carousel for the slider mechanic – the two combine without extra configuration.

For the full settings tour of the Dynamic Listing widget, see Dynamic Listing Widget Settings Overview.

Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.

Before You Start

  • Prerequisite: Elementor (free) installed and active.
  • Edition: Dynamic Listing is a Pro widget – it needs The Plus Addons for Elementor Pro installed and its license activated. It will not appear in the free plugin.
  • Widget to enable: go to The Plus Addons > Widgets, search for Dynamic Listing and turn its toggle on.

Steps

  • Build a Dynamic Listing widget with Style set to Custom and a card template chosen in Select a template, as covered in the Custom Loop Skin doc.
  • Under Content Layout, set Layout to Carousel.
A custom loop-skin template sliding inside a carousel layout

The Style tab’s Carousel Options (navigation, autoplay, slides-per-view) then apply to the custom cards the same way they would to any built-in style.

Settings Overview

SettingWhat it doesDefault
StyleCustom card template (Select a template).style-1
LayoutCarousel enables the slider mechanic.Grid

Related Docs

Not verified

So you know exactly what has and has not been checked:

  • Carousel slide-height consistency when custom cards have very different content lengths was not specifically tested.

Related Frequently Asked Questions

Related Docs