Two Card Display

Used to add a row of two cards.

The Two Card Display content type has two different methods of displaying, this can be selected from the drop-down.

Hover Example

Card 1 Title

Card 2 Title

Overlay Example

Card 1 Title

Card 1 Description

Card 1 link text

Card 2 Title

Card 2 Description

Card 2 link text

How to use

With this content type you have the option of selecting either the hover or overlay view of this content.

Hover content view

The only elements required are the card 1 image, card 1 title, card 2 image and card 2 title.

The button link will not work in this view.

Overlay content view

The only elements required are the card 1 image, card 1 title, card 2 image and card 2 title.

The Card 1 Link Text, Card 1 Internal Link, Card 1 External Link, Card 2 Link Text, Card 2 Internal Link and Card 2 External Link elements are optional.

When adding Internal or External Links you must only fill in one of them.

Two Card Display Content Type

ID: 333
Name: Two Card Display
Description: Used to add a row of two cards.

Page Layouts

This Content Type can be displayed on all Page Layouts.

Content Element Details

NameDescriptionSizeTypeRequired
NameThe Name Element80 CharactersPlain Texttrue
Card TypeSelect the type of card you want to use80 CharactersSelect Boxtrue
Card 1 ImageUpload Image with the min with of 560px80 CharactersMediatrue
Card 1 TitleEnter the title for card 180 CharactersPlain Texttrue
Card 1 DescriptionEnter Description for card 180 CharactersPlain Textfalse
Card 1 link textEnter text for button80 CharactersPlain Textfalse
Card 1 Internal LinkSelect location from Site Structure80 CharactersSection/Content Linkfalse
Card 1 External LinkEnter Full web address including https://200 CharactersPlain Textfalse
Card 2 ImageUpload Image with the min with of 560px80 CharactersMediatrue
Card 2 TitleEnter the title for card 280 CharactersPlain Texttrue
Card 2 DescriptionEnter Description for card 280 CharactersPlain Textfalse
Card 2 link textEnter text for button80 CharactersPlain Textfalse
Card 2 Internal LinkSelect location from Site Structure80 CharactersSection/Content Linkfalse
Card 2 External LinkEnter Full web address including https://200 CharactersPlain Textfalse