Photo Gallery

Video Tutorial

Note: you must enable the Photo Gallery bundle to use this block.

Demo: Photo Gallery


Create Photo Gallery Page

  1. Go to the Shortcuts toolbar and select Add Content.
  2. Select Photo Gallery from the list of options.

Configure Photo Gallery

You will see the 4 main areas that are in the Basic Page content type. Refer to the  Basic Page tutorial to learn more about these areas.

  1. Title: is for the main title of the page.
  2. Body: is the content area of the page. Use editing controls to style/format body content.
  3. Photo: to upload and insert and image to the content area.
  4. Menu settings: to manipulate the menu/navigation.

In this tutorial we will focus on the Photo section.


Upload Images

  1. Scroll down to the Photo section. Choose File, click Upload.
  2. Enter your Alternative text.
  3. Enter a Title. The Title is used as a tool tip when the user hovers the mouse over the image and as a caption when in lightbox mode.
  4. Click and drag the focal point crosshair on the image to target the most important portion of the image. This portion of the image will never be cropped.

Upload images


Rearrange Images

There are two ways to rearange the images.

First, using the image section crosshairs:

  1. In the upper left of each uploaded image, you will see a crosshair icon.
  2. Grab the crosshair and drag the image to the order in the list that you would like the image to appear.

Image section crosshairs

Second, using the row weights:

  1. In the upper right of photo section, you will see an option to show row weights. When you click on this option, the crosshair icons are no longer visible and the row weight boxes are displayed.
  2. This lets you reorder the weight of the image relative to other images using a numerical weight. 

Image section row weights


Save Photo Gallery

When you are done uploading and arranging your images, click Save.
Use Save and add another to save time during repetitive content creation. This will save your photo gallery page and open a new Photo Gallery page.