Gallery pages display multiple images on a page that open up in a full-screen popup window when clicked. There are a few different types of gallery pages:

  1. Image grid gallery (This article)
    Displays all images in a 3 column grid. When clicked, the images are enlarged and displayed in a popup slider.
  2. Product gallery 
    Displays a 3 column grid of image cards with titles, descriptions, pricing, etc. When clicked, the product is enlarged in a popup that reveals more information. Optionally, you can include multiple photos of the product to showcase different variations or styles. Online purchasing is not available.
  3. Video gallery (Coming soon)


Note: Gallery templates are solely dedicated to showcasing multiple photos, products for sale, videos, art, or a group of images that need to be enlarged on the screen. If you need other content on the page, use the 'photo gallery' component in our other templates, instead.




Editing an image grid gallery

  1. Contact a web administrator to activate your gallery template if you need one created.
  2. Click the Edit button on the top right of the screen
  3. Type in the page title
  4. Upload/select a banner image or use the default photo (photo of campus)
  5. Gallery type: Select the image gallery option
  6. "Page introduction" editor: If you want to have text content above your gallery you can enter content here
  7. Gallery item
    1. Open the Gallery item widget add an image
    2. Upload your image or select an image from your site (Make sure you upload images to the images folder)
      • Important: Make sure you are uploading web-ready image files. Preferably no larger than 200KB and no wider than 800 pixels. Use photoshop or an image optimizer to crunch images prior to upload.
    3. Enter some text to describe the image (This text appears in the popup window)
  8. Click the green plus icon to add another gallery item and repeat step 7 for your next image

  9. You can remove and reorder your gallery items if needed

  10. Preview Draft to see your changes
  11. Submit to save your changes to Cascade
  12. Publish your changes to the live site