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

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". Also you can 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 "Image Title", type text within the "Caption" section, which will appear over the image object and add "Alt Text" for SEO purposes.
 

"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.
4.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".
5.png

"Edit" - this feature provides possibility to add/remove/edit image objects within the Tile Gallery widget.
6.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.
9.png

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

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

 

Have more questions? Submit a request

Comments