Photo Gallery
Search (CSOL) Photo Gallery in the CMS
This module allows you to add a collection of photos to a page that will convert into a carousel view on smaller screens. By default the images will be arranged in column, masonry style.
Background Options:
Masonry Layout (Carousel on Mobile)
Carousel Layout
-
An optional caption
-
An optional caption, containing a link.
-
Another preview caption -
An optional caption
-
An optional caption, containing a link.
-
Another preview caption -
An optional caption
-
An optional caption, containing a link.
-
Another preview caption -
An optional caption
-
An optional caption, containing a link.
-
Another preview caption -
An optional caption
-
An optional caption, containing a link.
Masonry Layout (Carousel on Mobile)
Carousel Layout
-
An optional caption
-
An optional caption, containing a link.
-
Another preview caption -
An optional caption
-
An optional caption, containing a link.
-
Another preview caption -
An optional caption
-
An optional caption, containing a link.
-
Another preview caption -
An optional caption
-
An optional caption, containing a link.
-
Another preview caption -
An optional caption
-
An optional caption, containing a link.
Masonry Layout (Carousel on Mobile)
Carousel Layout
-
An optional caption
-
An optional caption, containing a link.
-
Another preview caption -
An optional caption
-
An optional caption, containing a link.
-
Another preview caption -
An optional caption
-
An optional caption, containing a link.
-
Another preview caption -
An optional caption
-
An optional caption, containing a link.
-
Another preview caption -
An optional caption
-
An optional caption, containing a link.
Use Cases
Display any amount of images in a 4-column layout. You can control if the images will automatically transition over to a carousel view on a mobile device, which saves space on-screen.
This module is perfect for showing a curated selection of post-event images that illustrate the success of the event and all of the great people that attended!
Guidelines
Image Sizing
- Images should be at least 260px wide to avoid them being stretched and looking pixelated 300x300px recommended
- Create a grid layout cropping or uploading images with the same aspect ratio
Things to Know
- Modal can appear on exit or after a timed delay
- On Mobile, choose images to be displayed inside a Carousel or maintaining the Gallery layout
How to use this module
- Please watch this loom to view a demo of using this module in the editor.
What's New?
| v1.6.0 & | v1.7.0 May 2023- This module now allows you to select if you would like the images to appear in a carousel on desktop. This will display one photo at a time in the carousel If carousel is selected for desktop it will maintain this functionality across other devices.
- This module now features optional captions to add below the images.