Multimedia Container component

create a gallery of images and videos

  • add multiple images
  • add multiple videos
  • choose a display style

The Multimedia Container component allows you to display multiple image an videos as a gallery on your pages. There are 3 different gallery styles: Slider, Grid and Pinterest. The gallery can be a mix of both videos and images at once.

on this page:
CMS settings , Opens In New Window Front-end examples , Opens In New Window
Step by step , Opens In New Window

Introduction

The Multimedia Container component lets you display a video and image gallery on your pages. You can also add a headline, different labels and display options. The gallery is available in 3 different styles: Slider, Grid and Pinterest. The content of one gallery can be a mix of images and videos.

Glossary:

Example:

Multimedia Container component

CMS settings

 

All Multimedia components, including Multimedia Container, can be found in the
GEM Multimedia Menu in the Sidekick.

tab: General

tab: Labels

Editorial hint:

BB Codes  

Since there is no Rich Text Editor for writing the textual content of the component, it is helpful to use BB Codes for styling. You can insert a line break or simply make some text bold, italic or red.

tab: Spacing

Once the Multimedia Container is set up, you can add Multimedia Image components and Multimedia Video components inside the container.
These components are also available in the GEM Multimedia Menu and can be added to the drag-and-drop field inside the Container. 

Front-end examples

Gallery Style = Slider

Multimedia Container component

Gallery Style = Slider | Display Social Shares checked

Multimedia Container component

Gallery Style = Slider | Display Copyright checked

Multimedia Container component

Gallery Style = Slider | Display Item Number checked

Multimedia Container component

Gallery Style = Grid

Multimedia Container component

Gallery Style = Grid | Display Social Shares checked

Multimedia Container component

Gallery Style = Grid | Display Copyright checked

Multimedia Container component

Gallery Style = Grid | Display Item Number checked

Multimedia Container component

Gallery Style = Pinterest

Multimedia Container component

Gallery Style = Pinterest | Display Social Shares checked

Multimedia Container component

Gallery Style = Pinterest | Display Copyright checked

Multimedia Container component

Gallery Style = Pinterest | Display Item Number checked

Multimedia Container component

Step by step

1

2

3

4

5

6

Related topics

Used recurring elements