Scroll

Widgets: Galleries

1. Carousel
2. Grid Gallery
3. Slider

Carousel Gallery

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

"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.

"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.

"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.

 

Have more questions? Submit a request

Comments