slate blog

Wow, an article directed directly at our current users. That’s a little different for us. Today I had to write up how to add an image gallery to a site in slate so I figured I’d share it with everyone. Speaking of HOW-TOs I desperately need to update the ones that are already out there. Not enough time in the day. Which is why I’m writing a post ;) K, let’s get to it…

Setting Up Your Gallery
A gallery, in slate terms, just happens to hold albums which are what you’re really associating your images with for display.

1. In slate go to ‘Files’
2. Click on Images
3. Create a set under Images called Galleries. You can give it whatever you description you want but you have to call the set Galleries.

Important: Note the ID in the URL for the Gallery set. You’ll need it at a later step.

Setting Up Individual Albums
Again, an album is what actually holds the images. So keep them topical to what you’ll be showing.

1. Click on the set called Galleries
2. You can create any number of sets under Galleries that correspond to the albums you want to create. So you could have Students, Event A… whatever.

Adding New Images to an Album
Refer to our article, HOW-TO: Organize Files in slate, in Trac. Specifically focus on the section ‘To Add Files to a Set’.

Adding the Gallery Listing to a Page in slate
By default, slate wants to push out a list of the albums you have in the set before it does it’s auto-magical stuff with creating your nice albums with slideshow.

1. Navigate to the page where you want to add the album listing.
2. Using the ID you noted earlier, put in the snippet: {{ Collection.collection_list collection_id=someid }}. You can add whatever text you need above and below.

Voila! You’ve just added an image gallery with multiple albums to your site. Note: Only a few sites have the appropriate styles and theme bits to show a gallery within their own look and feel. slate will show a nice default theme but if you want a more integrated feel for your gallery let us know.