Collections

To organize your images into a collection:

1. In Main Administrative Menu, navigate to Content → Media → Create a Collection. 
2. Name your collection and select images and/or videos. You can link each media asset of your collection with an URL. Instead of entering the actual URL, you can type in the content title (i.e., another web page).
3. You must assign alternative image names. These names are not displayed when the images are used on the website. Meaningful names are key to findability (see SEO). 

NOTE: Remember to always save your progress.

To change or add new images/videos to your collection:

1. Navigate to Content → Media.
2. Find the collection in the Media table: set Filter Type to Collections or search by Media name. 
3. Click Edit on the right in the collection row. The Edit Collection page is displayed.
4. Add new images/videos, remove or rearrange existing ones.

1. In the Main Administrative Menu, navigate to Content.
2. In the Content Overview table, find a page to add the collection to, and click Edit. The Edit template form is displayed.
3. Go to the bottom of the Edit template form and select Add Collection from the Add Section dropdown.
4. In the Headline area, assign a name or description, and click Add media. The Add or select media dialog is displayed. Use search options to find a collection if you already have a list of them. 
5. Select a collection and click Insert selected to add it to the page. 

Filter by Category
Define a filter category to display only the images tagged with this category. Expose the filter and let users filter the collections on the page. 

Important: The option does not work with Scroll Effect activated. 

Output Style
See 3.1. Output styles below for examples. 

• CSS Columns 
• CSS Grid 
• CSS Row
• Masonry Layout 
• Justified Layout

Spacing
Use wide margins with care. They work well with three or less columns. 

Number of Columns
Select a number of columns (examples below).

Background Colour Paragraph
Set the overall paragraph's background color.

Use gallery
Activate the option to show your images in an overlay full-screen lightbox. Open the gallery by clicking an image.

Use scroll effect
Enable a simple scroll effect for the collection images. Use wide margins and fewer columns for best results. 
Important: The scroll effect does not work well with Justified Layout. 

Use grayscale
Display images as grayscale using CSS. Hover an image to deactivate the effect.

Show artist
When activated, a link to artists portfolio will be shown on the image/video. 

Show description
When activated, the image description is displayed as a caption.

Text on hover
Enable the option to display text when hovering the cursor over an image. 

Show Full Width
Allow a full width gallery display.

Published
Make the gallery visible to visitors. If deactivated, only you can see the gallery.