Image gallery widget

About



Want to display several images on one page in an orderly way?  Showing 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


Overlay gallery list template


Thumbnail strip list template


Thumbnail row template


(1/11)
(2/11)
(3/11)
(4/11)
(5/11)
(6/11)
(7/11)
(8/11)
(9/11)
(10/11)
(11/11)

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.