Scroll

Welcome to our LiveChat! Please press "Start Chat" button to proceed

Start Chat

Widgets: Galleries

1. Carousel
2. Grid Gallery
3. Slider
4. Tile Gallery
5. Advanced Slider

Carousel Gallery

This widget allows you to set up a carousel gallery with sliding images.
3.png

"Carousel" is separated into two tabs: "Settings" and "Design".

"Carousel" widget has the following features: "Slide Width", "Min Slides", "Max Slides", "Switch Slides", "Margin", "Enable Slideshow",  "Slide Duration", "Show Arrows", "Show Pagination".

"Carousel" widget also has the following common features: "Spacing", "Animation".

"Edit" - this feature provides with possibility to add/remove/edit image objects within the Carousel widget.

If you wish to add new images - please click "Add Images" button and system will redirect you to the Media Library, where you can choose necessary images. Click "Apply" button to confirm changes.

If you wish to edit/remove image - you need simply place your mouse cursor over the thumbnail and choose necessary option.

"Edit Image" option allows you to preview the title of your image, type text within the Caption section and use various redirect options of "Link To" feature, such as: "Go To Page", "Open URL", "Mail To", "Open in Lightbox", "Open File".

"Caption" field allows you to place edit the text styles and also enable a redirect option via "Link" feature.
caption.png

You can also set "Alt Text" for SEO purposes.

Once you add images, you can automatically preview changes within the Admin Panel or on the live site.

"Slide Width" - this feature allows you to increase/decrease the width of all images within the Carousel gallery (from 1 up to 999px).

"Min Slides" - this feature affects the amount of minimum visible images within the Carousel Gallery (from 1 up to 30).

"Max Slides" - this feature affects the amount of maximum visible images within the Carousel Gallery (from 1 up to 30).

"Switch Slides" - this feature changes the rotation of your images: "One by One" or "Group Slides".

"Margin" - this feature allows you to increase/decrease the distance between images within the Carousel Gallery (from 0 up to 50px).

"Enable Slideshow" - this feature allows you to enable/disable slideshow option.

"Slide Duration" - this feature allows you to adjust the display time of images, during a slideshow (from 1 up to 10 seconds).

"Show Arrows" and "Show Pagination" features allow you to enable/disable these navigation buttons in the Carousel Gallery.

 

Grid Gallery

This widget allows you to set up gallery with multi line images and Lightbox feature.
2.png

"Grid Gallery" widget has the following features: "Row Height", "Fixed Height", "Margins", "Show Captions", "Open in Lightbox" and "Last Row".

"Grid Gallery" widget also has the following common features: "Spacing", "Animation".

"Edit" - this feature provides possibility to add/remove/edit image objects within the Grid Gallery widget.

If you wish to add new images - please click "Add Images" button and system will redirect you to the Media Library, where you can choose necessary images. Click "Apply" button to confirm changes.

If you wish to edit/remove image - you need simply place your mouse cursor over the thumbnail and choose necessary option.

"Edit Image" feature allows you to set specific thumbnail, preview image and caption, set "Alt Text" for SEO purposes.
"Thumbnail Image" will appear within the Grid Gallery list of thumbnails. If you click on the thumbnail image - you will see "Preview Image" option (image's original size). "Caption" feature allows you to set description on the bottom side of each image. Also you can set "Alt Text" for SEO purposes.

 

"Row Height" - allows to modify row height within the gallery. Minimum height - 50 px. Maximum height - 1400 px.

"Fixed Height" - all rows will have the same (fixed) height.

"Margins" - provides possibility to increase/decrease margin between images within the gallery. Minimum margin - 0. Maximum margin - 50.

"Show Captions" - provides possibility to enable/disable description for images within the gallery.
"Open in Lightbox" - provides possibility to preview full-sized images.

"Last Row" - affects the last row within the Grid Gallery widget (you can use "No Justify", "Justify" or "Hide" feature for the last gallery row).

 

Slider

This widget allows you to set up a gallery with sliding images.
1.png

"Slider" widget has the following features: "Enable Slideshow", "Slide Duration", "Animation Type", "Show Arrows"/"Pagination".

"Slider" widget also has the following common features: "Spacing", "Animation".

"Edit" - this feature provides possibility to add/remove/edit image objects within the Slider widget.

If you wish to add new images - please click "Add Images" button and system will redirect you to the Media Library, where you can choose necessary images. Click "Apply" button to confirm changes.

If you wish to edit/remove image - you need simply place your mouse cursor over the thumbnail and choose necessary option.

"Edit Image" option allows you to preview the title of the "Image", set up redirect for image via "Link To" feature, edit text styles and configure redirect for the caption via "Link" feature  and add "Alt Text" for SEO purposes.

"Caption" field allows you to place edit the text styles and also enable a redirect option via "Link" feature.
caption.png

"Enable Slideshow" - pictures will rotate automatically.

"Slide Duration" - delay time for each rotating image. Minimum slide duration - 1 second. Maximum slide duration - 10 seconds.

"Animation type" - affects sliding animation. There are two types of animation: "Fade" and "Slide".

"Show Arrows" - enable this feature if you wish to switch images with the help of navigation arrows.
"Show Pagination" - enable this feature if you wish to switch images with the help of pagination buttons.

Tile Gallery

This widget allows you to preview images with same width and different height.
tile3.png

"Tile Gallery" widget has the following features: "Columns", "Slide Duration", "Margins".

"Tile Gallery" widget also has the following common features: "Responsive", "Spacing", "Visible On", "Animation".

"Edit" - this feature provides possibility to add/remove/edit image objects within the Tile Gallery widget.
tile2.png

If you wish to add new images - please click "Add Images" button and system will redirect you to the Media Library, where you can choose necessary images. Click "Apply" button to confirm changes. If you wish to edit/remove image - you need simply place your mouse cursor over the thumbnail and choose necessary option.
tile6.png

You can modify your image via "Edit" button (pencil icon over the image) and it will open popup, where you can select "Alt Text", enable/disable "Caption" field to write descriptions over the image, use "Link To" feature to redirect visitor to external URL, site's pages etc. when he clicked on the image and select "Lightbox Image" to improve visual appearance of gallery images.
tile3.png

"Align at the Bottom" - this feature allows you to to stretch images within the Tile Gallery widget, adjusting them to the widget height.
tile1.png

"Show Image Counter in Lightbox" - this feature allows you to show/hide image counter when you open it in full preview. Counter is located under the image.
tile2.png

"Columns" - this feature allows you to increase/decrease amount of visible columns with gallery images. There can be used up to 9 columns.
tile4.png

"Margins" - this feature allows you increase/decrease visual space between the gallery images. Maximum spacing is 50 px.
tile5.png

Advanced Slider

This widget allows you to create sliding video galleries or fill Advanced Slider with slides, where the following content can be placed: Row, Text, Image, ButtonDivider and Space.
new1.png

To add new slide press "Add" button.
new2.png

You can edit your slide by pressing "Edit" button.
new3.png

Row, Text, Image, Divider and Space widgets can be placed into the area of mentioned slide, meaning that you can create fully creative slides.
new4.png

You can edit the background of your slide with the help of "Edit Background" button.
new5.png

"Edit Background" popup allows you to change background color, image or set video items (.mp4 and .webm) to use video gallery.
new6.png

If you use "Image" as the background of your slide, the following features will be available: "Image Size" (Original, Cover, Contain), "Image Tile" (Don't Repeat, Repeat, Repeat X, Repeat Y), "Position" to change the visible area of background image and "Fixed" if you wish to fixate your background image.

If you use "Video" as the background of your slide, "Loop" feature will appear instead of "Fixed" and video will play until you close the page or navigate to alternative pages.
adv7.png

"Content Width" feature allows you to select either 100% width for your Row widget (covers entire site's width) or use alternative width, which has two gaps on both left and right side.
new8.png

"Vertical Alignment" feature allows you to set the type of content alignment within the row columns. Available variants depend on the maximum column height, which affects the alignment of all other objects within the "Row".
adv9.png

"Enable Slideshow" feature allows you either enable or disable the Slideshow.
adv10.png

"Slide Duration" allows you to select the time when your gallery widget will switch slides (from 1 second up to 100 seconds).
adv11.png

If "Start Animation After Slide Switch" is enabled, animation will appear after a slide with its background has been loaded within the gallery. Otherwise, animation will appear simultaneously with the slide switching.
adv12.png

"Visible" feature can be enabled/disabled for your Slider's navigation arrows. You can also select on which devices they will appear.
adv13.png

"Pagination" feature can be enabled/disabled for your Slider's pagination (navigation icons in the middle bottom part of your widget). You can also select on which devices they will appear.
adv14.png

"Preset" feature allows you to change the visual look of Advanced Slider widget.
adv15.png

Have more questions? Submit a request

Comments