Creating Multi-Image Gallery Projects with CMS

This is my first CMS project. I designed the collection settings to encompass everything the client wanted to show up and was able to successfully upload the content with a CSV and then manually added images.

I am now experiencing trouble creating a template page that displays the item’s images. I created a multi-image field in the project settings called Project Images. My goal is to create a page with a 3 column grid. The first grid item will be a div with all the project information, then populate additional grid items with the images from the multi-image field in the collection. Right now, I have a structure with filler images, but I have not properly configured the collection items to show the images the way I’d like.

I am looking for help on the following:

  1. Is there something I have not properly configured with the collection items?
  2. Is there a better way to organize/layout the grid to accomplish this goal?
  3. Do I need to change the way I have created the collection settings?

I appreciate any and all help. Thank you!

I am just a beginner but am working on CMS collections. Are all of your thumbnails the same size? (700 x 700)? Mine weren’t and it threw my alignments off like the page you show. I’m having trouble having thumbnails going to their proper enlargements. Any tips on that? Thanks.