fbpx

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

Slider Gallery

Slider Gallery Widget” allows you to add a responsive image and video gallery slider to your website.  It’s very easy to create a slider gallery using its wide range of customization and styling options. The widget also supports advanced options such as Remote Connection and Syncing with other widgets.

Let’s look at each of the options in the “Slider Gallery Widget” below.

Install Slider Gallery Widget for Elementor #

This widget requires Unlimited Elements Free version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Slider Gallery
  3. Hover over the widget in the search results and click install
  4. Add your “Slider Gallery” widget to any Elementor Page

Gallery Source Settings #

1
Gallery Item Source

Select the gallery item source from given options.

  • Gallery
  • Image and Video Items
  • Instagram
  • Post
  • Products
  • Current Post Metafield
2
Choose Images

Choose the images to display in the slider.

3
Image Title Source

Select the image title source.

  • Image Auto
  • Image Title
  • Image Alt
  • Image Caption
4
Image Description Source

Select the image description source from dropdown options.

  • Image Description
  • Image Title
  • Image Alt
  • Image Caption
5
Thumb Image Size

Select the thumb image size from given options.

  • Medium Large
  • Large
  • Medium
  • Thumbnail
  • Full Size
  • Woocommerce Thumbnail
  • Woocommerce Single
  • Woocommerce Gallery Thumbnail
  • Shop Catalog
  • Shop Single
  • Shop Thumbnail
6
Big Image Size

Select the big image size from given options.

  • Medium Large
  • Large
  • Medium
  • Thumbnail
  • Full Size
  • Woocommerce Thumbnail
  • Woocommerce Single
  • Woocommerce Gallery Thumbnail
  • Shop Catalog
  • Shop Single
  • Shop Thumbnail

General Settings #

1
Gallery Autoplay

Turn on the autoplay option for slider gallery.

2
Autoplay Interval

Set the autoplay interval for slider in milliseconds.

3
Pause on Mouseover

Slider autoplay will pause on mouse hover.

4
Control Thumbs Mousewheel

Show/Hide the thumbs mousewheel control.

5
Gallery Control Keyboard

Turn on or off the gallery control keyboard option.

6
Loop

Turn on or off the loop option for slider.

7
Preserve Ratio

It will preserve the image ratio when resize the window.

8
Image Fit

Select the image fit option.

  • Cover
  • Contain
9
Transition

Select the transition option.

  • Slide 
  • Fade
10
Transition Speed

Set the transition speed in milliseconds.

11
Enable Swipe

Enable/disable the swipe funciton.

12
Enable Zoom

Turn on/off the zoom option for slider image.

13
Maximum Zoom Ratio

Set the maximum zoom ratio for slider images.

14
Loader Type

Select the loader type for slider from different options.

Layout Settings #

Enable or disable different options for slider gallery.

1
Enable Text Panel

Enable/disable the text panel option.

2
Text Panel Always On

Turn on the text panel always on functionality.

3
Text Panel Title

Show/Hide the text panel title.

4
Text Panel Description

Show/Hide the text panel description.

5
Enable Play Button

Show/Hide the play button.

6
Enable Fullscreen Button

Show/Hide the fullscreen button.

7
Enable Zoom Panel

Show/Hide the zoom panel.

8
Enable Progress Indicator

Show/Hide the progress indicator.

9
Enable Bullets

Show/Hide the navigation bullets.

10
Enable Arrows

Show/Hide the navigation arrows.

Connected Widgets Settings #

1
Enable Remote Connection

Use remote control widgets to create advanced creative layouts.

2
Widget Name for Connection

This name will be used to connect and controls this widget by other widgets.

3
Sync

You can connect two item-based widgets and sync them.

4
Sync Group

Choose the same group for two or more item-based widgets so they can sync together.

Filtering Settings
#

Include filters to your gallery to show more categories of posts.

Slider Gallery Widget Styling #

Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want

General Styling #

Set the width, height, background color, border and box shadow.

Text Panel Styling #

Style the text panel padding, background color, opacity, and typography.

Play Button Styling #

You can set the play button alignment, horizontal and vertical offset margin.

Fullscreen Button Styling #

In this section, set the alignment, horizonal and vertical offset margin of fullscreen button.

Zoom Panel Styling #

Style the zoom panel alignment, vertical alignment, horizontal and vertical offset.

Progress Indicator Styling #

Here, you can style the indicator type, alignment, offset margin, opacity, color and width.

Bullets Styling #

In this section you can set the spacing, alignment, and offset of bullets.

Arrows Styling #

You can style the arrows alignment, horizontal and vertical offset margin, and color.

Usage Examples #

Here are some live use cases for the Slider Gallery widget.

Video Overview #

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!