An image list is a way of neatly listing images, with a corresponding block of text and optionally a link to follow if they click on the image.

How do I create an image list?

  1. Go to Website > Widgets.
  2. Click ˆAdd.
  3. Enter the Title for the widget.
  4. Under Type, choose Image list.
  5. Click Next.
  6. Choose the Orientation and Listing image size.
  7. Click Add.
  8. Next to the widget you've just added, click Images.
  9. Click Add.
  10. Choose an Image from your computer.
  11. Enter Alternative Text and Description.
  12. Optionally enter an Overlay heading, this is displayed on top of the image.
  13. Optionally enter a URL (if you want the image to be clickable, you can enter the URL you want to direct them to here).
  14. Click Add. Repeat until you've added all your images.
  15. You can then insert this widget into your content.

How do I edit the images?

  1. Go to Website > Widgets.
  2. Next to the widget you want to edit, click Images in the right-hand column.
  3. Click Edit alongside the image that you want to edit.
  4. Edit the information as needed.
  5. Click Update.

How do I re-order the images?

  1. Go to Website > Widgets.
  2. Next to the widget you want to re-order, click Images in the right-hand column.
  3. Click and drag the image up or down the list, then let go.

How do I change how the image list is displayed?

You have a few options on how the image list is displayed:

  • Orientation - You can choose to display the image list vertically down the page (image to the left, description on the right) or horizontally across the page (image above, description below)
  • Listing image size - You can choose to show small or large images. When viewed on a desktop/laptop computer, the small size would fit 4 images per row and the large 3 images per row. On smaller screen sizes (e.g. mobile) the image is always full width.
  • Listing image aspect ratio - You can choose how the images are cropped and sized. Either naturally (original ratio), round or square. 

To change these settings:

  1. Go to Website > Widgets.
  2. Click Edit next to the widget you want to edit.
  3. Click Next.
  4. Change the Orientation, Listing image size or Listing image aspect ratio.
  5. Click Update.
Did this answer your question?