“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.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Slider Gallery“
- Hover over the widget in the search results and click install
- Add your “Slider Gallery” widget to any Elementor Page
Gallery Source Settings
Gallery Item Source
Select the gallery item source from given options.
- Gallery
- Image and Video Items
- Post
- Products
- Current Post Metafield
Choose Images
Choose the images to display in the slider.
Image Title Source
Select the image title source.
- Image Auto
- Image Title
- Image Alt
- Image Caption
Image Description Source
Select the image description source from dropdown options.
- Image Description
- Image Title
- Image Alt
- Image Caption
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
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
Gallery Autoplay
Turn on the autoplay option for slider gallery.
Autoplay Interval
Set the autoplay interval for slider in milliseconds.
Pause on Mouseover
Slider autoplay will pause on mouse hover.
Control Thumbs Mousewheel
Show/Hide the thumbs mousewheel control.
Gallery Control Keyboard
Turn on or off the gallery control keyboard option.
Loop
Turn on or off the loop option for slider.
Preserve Ratio
It will preserve the image ratio when resize the window.
Image Fit
Select the image fit option.
- Cover
- Contain
Transition
Select the transition option.
- Slide
- Fade
Transition Speed
Set the transition speed in milliseconds.
Enable Swipe
Enable/disable the swipe funciton.
Enable Zoom
Turn on/off the zoom option for slider image.
Maximum Zoom Ratio
Set the maximum zoom ratio for slider images.
Loader Type
Select the loader type for slider from different options.
Layout Settings
Enable or disable different options for slider gallery.
Enable Text Panel
Enable/disable the text panel option.
Text Panel Always On
Turn on the text panel always on functionality.
Text Panel Title
Show/Hide the text panel title.
Text Panel Description
Show/Hide the text panel description.
Enable Play Button
Show/Hide the play button.
Enable Fullscreen Button
Show/Hide the fullscreen button.
Enable Zoom Panel
Show/Hide the zoom panel.
Enable Progress Indicator
Show/Hide the progress indicator.
Enable Bullets
Show/Hide the navigation bullets.
Enable Arrows
Show/Hide the navigation arrows.
Connected Widgets Settings
Enable Remote Connection
Use remote control widgets to create advanced creative layouts.
Widget Name for Connection
This name will be used to connect and controls this widget by other widgets.
Sync
You can connect two item-based widgets and sync them.
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.
