Photo galleries and carousels

Adding a lightbox image gallery from page file photos

You can create a lightbox gallery from the page file attachments by adding the tag 'add_photo_gallery' to a basic page. 

The images from the 'Files' section of the page will then be added to a thumbnail grid underneath any page content.

Lightbox gallery grid

On clicking a thumbnail it will open in a lightbox to show a larger version of the image.  

Clicked lightbox image

If you want to add a short caption to an image you can add append the string '_caption' to the file name followed by the required text, replacing any spaces with underscores, e.g. DSC02761_caption_Two_women_with_glasses_on_their_heads.jpg.

The underscores will then be swapped for spaces when displayed on the front end.

Lightbox image with caption

 

Adding a carousel image gallery from page file photos

You can create a carousel gallery from the page file attachments by adding the tag 'add_photo_carousel' to a basic page. 

The images from the 'Files' section of the page will then be added as a carousel under any page content.

If you want to add a short caption to an image you can add append the string '_caption' to the file name followed by the required text, replacing any spaces with underscores, e.g. DSC02761_caption_Two_women_with_glasses_on_their_heads.jpg.

The underscores will then be swapped for spaces when displayed on the front end.

Image carousel with captioned image

 

Adding an FAQ lightbox gallery to a page

If you want to create a lightbox gallery on a page but need to associate more detail than just a short caption with each image, you can create an FAQ lightbox gallery by following these steps:

  1. Add the tag 'add_photo_faq' to a basic page.
  2. Create an FAQ as a subpage of your basic page.
  3. Add the tag 'photo_gallery' to the FAQ.
  4. Add 'Questions' to your FAQ, each of which will represent a photo in your gallery. 
  5. For each 'Question' add the photo to the 'Files' section and give the image an appropriate headline. You can add extra detail and captions in the question content section. 

Each 'Question' from your image FAQ will then be displayed in a lightbox gallery on your parent basic page. 

Basic page with 'add_photo_faq' tag and FAQ as subpage

Basic page with 'add_photo_faq' tag and FAQ as subpage.

Photo gallery FAQ question with photo file added to 'Files' section

Photo gallery FAQ question with photo file added to 'Files' section.

Photo gallery FAQ question photo details

Photo gallery FAQ question photo details.

Photo gallery FAQ displayed on parent page as lightbox image

Photo gallery FAQ displayed on parent page

Adding an FAQ carousel gallery to a page

If you want to create a carousel gallery on a page but need to associate more detail than just a short caption with each image, you can create an FAQ carousel gallery by following these steps:

  1. Add the tag 'add_carousel_faq' to a basic page.
  2. Create an FAQ as a subpage of your basic page.
  3. Add the tag 'photo_gallery' to the FAQ.
  4. Add 'Questions' to your FAQ, each of which will represent a photo in your gallery. 
  5. For each 'Question' add the photo to the 'Files' section and give the image an appropriate headline. You can add extra detail and captions in the question content section. 

Each 'Question' from your image FAQ will then be displayed in a carousel gallery on your parent basic page. 

Basic page with 'add_carousel_faq' tag and FAQ as subpage

Basic page with 'add_carousel_faq' tag and FAQ as subpage

Photo gallery FAQ question with photo file added to 'Files' section

Photo gallery FAQ question with photo file added to 'Files' section.

Photo gallery FAQ question photo details

Photo gallery FAQ question photo details.

Photo gallery FAQ displayed on parent page as carousel

Photo gallery FAQ displayed on parent page as carousel

Stay in touch

Receive all the latest news, webinars, updates, events and more right to your inbox. 

Join our Mailing List