Media Grid

ID: 318
Name: Media Grid
Description: Each media grid is a separate piece of content. The section title and brief description only needs to be entered once.

The Media Grid content type will allow you to display one or two images either full width or side by side.

How to use

This content type is a wrapping content type meaning that when the content is placed within T4 it needs to be placed together to allow the header and footer to be put in place wrapping your other items within this.

Header

This will use the first item of content and will be used to display the:

  • Section Title
  • Section Brief Description

The next options will allow you to add the display type and the number of images. The above elements will be ignored on any items of content below this until a new wrapper is started.

The first item of content will also allow you to add the first media grid.

Content Element Details

NameDescriptionSizeTypeRequired
NameThe Name Element80 CharactersPlain Texttrue
Section TitleEnter the title for the section150 CharactersPlain Textfalse
Section Brief DescriptionEnter the brief description for the section500 CharactersPlain Textfalse
Grid TypeSelect from the list to show content as one grid or as two grids80 CharactersSelect Boxtrue
Grid 1 TitleEnter the title for the grid150 CharactersPlain Textfalse
Grid 1 Image (1440 x 810)Select an image from the media library80 CharactersMediafalse
Grid 1 VideoEnter the Vimeo/YouTube video URL250 CharactersPlain Textfalse
Grid 1 DescriptionEnter the title for the grid3000 CharactersPlain Textfalse
Grid 1 HTMLEnter custom HTML3000 CharactersHtmlfalse
Grid 2 TitleEnter the title for the grid150 CharactersPlain Textfalse
Grid 2 Image (1440 x 810)Select an image from the media library80 CharactersMediafalse
Grid 2 VideoEnter the Vimeo/YouTube video URL250 CharactersPlain Textfalse
Grid 2 DescriptionEnter the title for the grid3000 CharactersPlain Textfalse
Grid 2 HTMLEnter custom HTMl3000 CharactersHtmlfalse

Media Grid

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec

Grid 1 Title

Grid 1 Description

Grid 1 Title

Grid 1 Description

Grid 2 Title

Grid 2 Description