“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 #
Select the gallery item source from given options.
- Gallery
- Image and Video Items
- Post
- Products
- Current Post Metafield
Choose the images to display in the slider.
Select the image title source.
- Image Auto
- Image Title
- Image Alt
- Image Caption
Select the image description source from dropdown options.
- Image Description
- Image Title
- Image Alt
- Image Caption
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
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 #
Turn on the autoplay option for slider gallery.
Set the autoplay interval for slider in milliseconds.
Slider autoplay will pause on mouse hover.
Show/Hide the thumbs mousewheel control.
Turn on or off the gallery control keyboard option.
Turn on or off the loop option for slider.
It will preserve the image ratio when resize the window.
Select the image fit option.
- Cover
- Contain
Select the transition option.
- Slide
- Fade
Set the transition speed in milliseconds.
Enable/disable the swipe funciton.
Turn on/off the zoom option for slider image.
Set the maximum zoom ratio for slider images.
Select the loader type for slider from different options.
Layout Settings #
Enable or disable different options for slider gallery.
Enable/disable the text panel option.
Turn on the text panel always on functionality.
Show/Hide the text panel title.
Show/Hide the text panel description.
Show/Hide the play button.
Show/Hide the fullscreen button.
Show/Hide the zoom panel.
Show/Hide the progress indicator.
Show/Hide the navigation bullets.
Show/Hide the navigation arrows.
Connected Widgets Settings #
Use remote control widgets to create advanced creative layouts.
This name will be used to connect and controls this widget by other widgets.
You can connect two item-based widgets and sync them.
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.
