BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Thumbnail Slider Widget for Elementor Pro

A large image slider with a synced thumbnail strip.

Overview

What Thumbnail Slider does

Thumbnail Slider shows one large slide at a time with a strip of thumbnails that stays in sync. The strip can sit below, above, left, right or inside the image. Use it for product photos, property or project galleries, and any set of images visitors want to jump between.

Live demo

See it in action

Crafted details

Crafted details

Add a short description for this slide.

Features

What it can do

  • Thumbnail strip below, above, left, right or inside over the image.

  • Three transitions: Slide, Fade, and Fade and Zoom.

  • Six main slider shapes from Cinema 21:9 to Portrait 4:5, set per device.

  • Caption with title, description and button in nine positions.

  • Optional Ken Burns zoom and Elementor lightbox for the main image.

  • Autoplay with a progress bar on the active thumbnail.

  • Arrows, a slide counter, swipe and drag, and left and right arrow keys.

  • Separate phone behavior: keep the strip, move it below, or hide it.

Use cases

When to use it

Product photo viewer

Show a product from several angles with a thumbnail column beside the main image.

Property or room tours

Label each thumbnail so visitors can jump straight to the kitchen, garden or floor plan.

Project case studies

Add a title, short description and button to each slide to link to the full story.

Hero slideshow

Use a wide shape, Ken Burns zoom and autoplay with thumbnails inside the image.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Drag Thumbnail Slider onto the page and open the Slides section.

  2. For each slide, set the Image and Title. Add a Description, Button Text, Button Link and Thumbnail Label if needed.

  3. In Main Slider, choose the Transition, the Shape and the Image Fit.

  4. Turn Show Caption on and pick a Caption Position, or turn it off for images only.

  5. In Thumbnails, choose the Position, what happens On Phones, and how many Thumbnails Visible fit in the strip.

  6. Turn on Autoplay if wanted, then style the slider, caption, thumbnails, arrows and counter in the Style tab.

FAQ

Questions and answers

Can the thumbnails sit beside the image?

Yes. Set Position to Left or Right and adjust Column Width. On Phones lets the strip move below or hide on small screens.

Can I use different image sizes for the main image and the thumbnails?

Yes. The Slides section has two image size settings, one for the main image and one for the thumbnails.

Does clicking a thumbnail stop autoplay?

No. It jumps to that slide and the autoplay timer starts again from zero.

Why does a caption not show on one slide?

A slide with no title, no description and no complete button has no caption box.

Bright Addons Pro

Get Thumbnail Slider with Bright Addons Pro

Bright Addons Pro has 77 Pro widgets plus all 48 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $16 a year, with a 14-day money-back guarantee.