The gallery tool allows you to display images and videos in attractive and elegant fashion. Choose from a range of styles and configurations. This is an ideal way to both organise your media and make it easy and inviting for visitors to browse and access.

🖼️ Examples

Here's some examples of how you can configure the Gallery tool:

City centre streetscape
Video 1
Video 2
Boule players
Video 3
ping pong outdoor table
Elizabeth street concept
Video 4

⚙️Settings

Settings you can configure in the Gallery tool:


Basic

  • Add Media - brings up the Add Media window, from which you can select photos or videos to add to your gallery.

Display

  • Media Style - allows you to choose the display style - grid (separated images and/or videos in a grid), polaroid (separated images with polaroid-style borders) or wall (unseparated, borderless images or videos).
  • Number Of Columns - the number of columns displayed on larger devices, determining the size at which images or videos display.
  • Image Ratio - choose whether images are displayed at their original ratio or cropped to 4:3 or 16:9. Setting a uniform ration often results in a cleaner-looking gallery.
  • Enable Lightbox - allows visitors to pop the images up in a lightbox to view more closely.
  • Captions - gives the option to display captions either when visitors view an image or video in lightbox, or both lightbox and thumbnails. You can also determine whether captions are displayed fully or partially overlaid.

Advanced

  • Block Title - add a heading to display at the top of the tool.
  • Block Description - add a sub-heading or descriptive text to display beneath the heading.

🎯 Key Actions

Key actions you can perform in the Gallery tool:

  • Under the Basic tab, click the Add Media button.
  • The Media window will appear.
  • Select the Image checkbox.
  • Under Choose of Upload Image, click the Select Image field.
  • You will be taken to the File Manager screen, where you can choose an existing file.
  • If your image is not in the File Manager, select Upload Files at the top right hand side of the screen.
  • You can also cancel by hitting the x at the top right hand side of the File Manager screen.
  • Optionally add alternative text and a description.
  • When you are finished, hit Add.
  • Under the Basic tab, click the Add Media button.
  • The Media window will appear.
  • Select the Video checkbox.
  • Under Link, paste the YouTube or Vimeo video URL for your video (note that you'll need to get the URL of the video itself, not the YouTube or Vimeo page the video is on).
  • Optionally add alternative text and a description.
  • When you are finished, hit Add.
  • Under the Basic tab, locate the image or video you want to edit or replace.
  • Click the pencil icon to the right of the item.
  • The Media window will appear.
  • From here you can add or edit the details.
  • You can also replace the image or video.
  • When you are finished, hit Save.
  • Under the Basic tab, locate the images or videos you wish to reorder.
  • Use the blue up/down arrows to shift items up or down the order.
  • When you are finished, select Save.