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

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

"Spacing" - this feature allows you to edit padding feature (increase/decrease internal indent between the widget and border from 4 sides: left, right, top, bottom). This editing can be made through 4 drop-down lists, which contain the following preset features: "Auto", "0", "Small", "Medium", "Large". "Auto" preset is used by default. 

You can modify spacing value with the help of arrow buttons or using ready-made values ("Auto", "0", "Small", "Medium", "Large"). In this case you need to click on the value’s title and choose necessary option from the list.

"Animation" block allows you to set a custom animation type effects for your widget's first appearance.
 

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

"Animation" block allows you to set custom animation type effects for your widget's first appearance.

Design

This tab allows you to customize widget's appearance by using various presets.

Grid Gallery

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

The following features can be used for this widget: "Spacing", "Row Height", "Fixed Height", "Margins", "Show Captions", "Open in Lightbox" and "Last Row".

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

"Spacing" - this feature allows you to edit padding feature (increase/decrease internal indent between the image and border from 4 sides: left, right, top, bottom). This editing can be made through 4 drop-down lists, which contain the following preset features: "Auto", "0", "Small", "Medium", "Large". "Auto" preset is used by default. 

You can modify spacing value with the help of arrow buttons or using ready-made values ("Auto", "0", "Small", "Medium", "Large"). In this case you need to click on the value’s title and choose necessary option from the list. 

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

"Animation" block allows you to set custom animation type effects for your widget's first appearance.

Design

This tab allows you to customize widget's appearance by using various presets.

Slider

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

The following features can be used for this widget: "Spacing", "Enable Slideshow", "Slide Duration", "Animation Type", "Show Arrows"/"Pagination" and "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.

"Spacing" - this feature allows you to edit padding feature (increase/decrease internal indent between widget’s content and column border from 4 sides: left, right, top, bottom). This editing can be made through 4 drop-down lists, which contain the following preset features: "Auto", "0", "Small", "Medium", "Large". "Auto" preset is used by default.

You can modify spacing value with the help of arrow buttons or using ready-made values ("Auto", "0", "Small", "Medium", "Large"). In this case you need to click on the value’s title and choose necessary option from the list.

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

"Animation" block allows you to set custom animation type effects for your widget's first appearance.

Design

This tab allows you to customize widget's appearance by using various presets.

Have more questions? Submit a request

Comments

Powered by Zendesk