Image gallery widget

About



Want to display several images on one page in an orderly way? The image gallery widget can display a collection of images such as artwork, event photos, etc.

Design


There are several different ways to display an image gallery using list templates in the List Settings tab.

 

Image gallery list template


French City
Image taken on Feb 27, 2018, 12:15 by Dillon Pietsch
frenchcitystreet
Back to all images

Overlay gallery list template


French City
Image taken on Feb 27, 2018, 12:15 by Dillon Pietsch
frenchcitystreet
Back to all images

Thumbnail strip list template


French City
Image taken on Feb 27, 2018, 12:15 by Dillon Pietsch
frenchcitystreet
Back to all images

Thumbnail row template


French City
Image taken on Feb 27, 2018, 12:15 by Dillon Pietsch
frenchcitystreet
Back to all images

How to



Drag the image gallery widget from the right column onto the page. The entire image library will appear. 

Dragging image gallery widget to content area


 

Choose Edit and in the Content tab, select which images you want to display. 

Image gallery widget settings

 

Then, in the List Settings tab, select how you want them to display by setting limits or pagination, sort order and choosing the image size and template.  

Image gallery List settings

 

By default, templates will display both the image title and number. If you would like to remove these options, click List Option and uncheck the box you wish to remove. Please note, these options only apply to the following templates: No Thumbnail, Thumbnail Row and Thumbnail Strip. Click Back to widget settings when you are done. 

Image gallery list options

 

Lastly, go to the Single items settings tab to select options for when an individual image is clicked on. Choose whether to open images in the same page or a specific page of your choice and what size to display them. 

Image gallery single item settings

 

Save your changes.


Additional Information


Tips

When you upload images, tag them or group them into libraries. This will help you select and narrow what you want to display with this widget.

Color Options

The No Thumbnail, Thumbnail Row, and Thumbnail Strip templates have a variety of color options available. To change color options:

1. Select Edit on the image gallery widget.

2. Select Properties at the bottom right.

Image gallery widget - select edit and then properties

3. Choose a color option from the dropdown menu and select Save.

Color options for image galleries
CMS Login