Skip to content

How to Create Image Carousel Slider in Elementor?

Table Of Content

Do you want an image carousel slider in Elementor? A carousel shows a handful of images at a time and lets visitors move through the rest, which is the right choice when you have more photos than the page has room for.

The Gallery Listing widget in The Plus Addons for Elementor builds one from the same image set you would use for a grid — it is a layout choice, not a different widget.

To check the complete feature overview documentation of The Plus Addons for Elementor Gallery Listing widget, click here.

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

Before You Start

  • Edition: Pro — the Carousel layout is part of The Plus Addons for Elementor Pro. In the free plugin the option is visible but shows an upgrade notice instead of its settings.
  • Widget to enable: Gallery Listing, switched on under ThePlus Settings > Widgets.

Step 1: Add the widget and choose the Carousel layout

Drag the Gallery Listing widget onto the page. On the Content tab, open Layout and pick Carousel, the fourth of the four layout tiles. In the free plugin it reads Carousel (PRO).

The layout control with carousel selected and the carousel rendered on the canvas

Step 2: Add your images

Open the Content section, leave Select Option on Normal, and click Add Images. Drag inside the picker to set the order the slides appear in.

The add images control showing nine images selected for the gallery

Step 3: Set how many slides are visible

Carousel settings live under Style > Carousel Options — a different tab from everything above. Desktop Columns sets how many slides show at once and defaults to 4; there are separate tablet and mobile values below it.

The desktop columns dropdown under style > carousel options

Step 4: Decide what a click does

Back in Content > Layout, Popup Layout controls the lightbox. Leave it on Default Light-box so visitors can open a full-size image, or set it to No if the carousel is decorative.

The popup layout dropdown in content > layout

What It Looks Like

Common Adjustments

You wantControlWhere
Slides all the same heightFeatured Image Type → Custom SizeContent > Extra Options
A peek of the next slideCenter Mode + Center PaddingStyle > Carousel Options
More or fewer slides on screenDesktop / Tablet / Mobile ColumnsStyle > Carousel Options
Drag several slides at onceMulti DragStyle > Carousel Options
No lightboxPopup Layout → NoContent > Layout

Full walkthroughs: same-height slides and half-cut slides.

Settings Reference

SettingWhereOptionsDefault
LayoutContent > LayoutGrid, Masonry, Metro, Carousel (Pro)Grid
Popup LayoutContent > LayoutDefault Light-box, NoDefault Light-box
Select OptionContent > ContentNormal, Repeater (Pro), ACF Gallery (Pro)Normal
Desktop ColumnsStyle > Carousel Options1 to 124
Slider ModeStyle > Carousel OptionsHorizontal, VerticalHorizontal
Slide DirectionStyle > Carousel OptionsLTR, RTLLTR
Animation TypeStyle > Carousel OptionsEase, LinearEase

Carousel settings are on the Style tab, in Carousel Options. The image source and layout are on Content. Two different tabs, which is the most common reason people cannot find a carousel control.

Limitations

  • Carousel is Pro. The free plugin lists it as Carousel (PRO) and shows an upgrade notice when selected.
  • Uneven images give a ragged edge. Without a fixed image size the slides keep their original heights.
  • Carousels hide content. Anything past the first slide is unseen by most visitors and by some search crawlers. If every image matters, a grid shows them all.
  • Column counts are fixed choices. Desktop offers 1 to 12, not an arbitrary number.

Troubleshooting

I cannot find the carousel settings

They are under Style > Carousel Options, not on the Content tab where the layout was chosen.

The slides are different heights

Set Featured Image Type to Custom Size in Content > Extra Options, then pick a fixed Image Resolution. Full guide: same-height carousel.

The carousel does not move

Check there are more images than Desktop Columns shows — four images with four columns has nothing to scroll. Then clear any page cache and regenerate Elementor files from Elementor > Tools.

Related Docs

Related Frequently Asked Questions

Related Docs