Photo gallery
Key points on this page:
How to
Create a photo gallery
Part 1: Create a photo gallery index block
- Upload your images to the Shared Assets website in the CMS. Each set of photo gallery images must be in its own folder.
- If required, manually re-order the images in the folder – the order of the images in the folder is the order in which they will appear in the photo gallery.
- On your website, create a Photo gallery index block . By default, this asset will be created in the _internal/blocks/index/photoGalleries folder.
- On your website, select Add Content then Photo gallery index block from the main toolbar. (If you do not have access to this menu option, contact us .)
- Fill out the Display Name and Title fields (it would be most logical to use the event name and year to keep your galleries organized and descriptive).
- In the Index folder field, browse to and select the folder where you uploaded your images.
- Do not adjust any of the other settings.
Part 2: Add the photo gallery index block to the page
- On your website, create a new page or edit an existing page.
- In the Content type section of the page editor, select the Photo gallery option. A Photo gallery index block field will appear.
- In the Photo gallery index block field, browse to and select the photo gallery index block you created in Part 1.
How to
Batch/bulk upload several images
If you have several images you want to upload, you can batch or bulk upload them all at once.
- Move or copy all of your images on your computer to a folder. Ensure that your folder and image file names do not contain any spaces or special characters.
- Compress or zip this folder on your computer.
- Follow the instructions to Upload multiple files at once (including zip files) .
For multiple image files uploaded at once (using the bulk uploader tool or a zip file), it is best practice to individually edit each image and add the appropriate metadata fields. This is important for AODA compliance. Captions in photo galleries will use whatever text is entered in the Description field.