Heading 1

Description 1

Link Text 1

Heading 2

Description 2

Link Text 2

Heading 3

Link Text 3

Slider 3

This content type can allows you to add a slider to a page, with 3 slides, where each slide has an image, heading and description. This will always be displayed at the top of the page.

There are three different layouts of slider:

Slider 1
Slider 2
Slider 3 (example above)

How to use

The Slider content type has three different options, as you can only have one slider per page, this example a user has selected Slider 3 within the Slider Type element.

Slides can contain either images or videos.

If using images, each slider content type can only contain 3 images, a user has the option to upload 3 different image variants per slide (for large screens, medium screens and mobiles):

Large Image with the min-width of 1500px
Medium Image with the min-width of 1039px
Small Image with the min-width of 480px

If using videos, you can use videos from YouTube, Vimeo and HEAnet. Enter either a YouTube ID, Vimeo ID or the full URL of a HEAnet video.

The headings and descriptions are optional, but I would advise using them, as they give context for the video.

For each slide, a link button can be added. For the links, enter the link text and either an Internal or External Link elements.

Slider Content Type

ID: 327
Name: Slider
Description: Used to add a slider to the page

The Slider content type has three different methods of displaying. This will always be displayed at the top of the page

Page Layouts

This is advised to be used on the Homepage or Full-Width page layouts.

To be aware

Only one can be displayed on one page.

Content Element Details

Name	Description	Size	Type	Required
Name	The Name Element	80 Characters	Plain Text	true
Hidden H1	All pages must have a H1 tag for accessibility and SEO purposes	200 Characters	Plain Text	true
Slider type	Select what type of slider you wish to display	80 Characters	Select Box	true
Image Large 1	Upload Image with the min with of 1500px	80 Characters	Media	true
Image Medium 1	Upload Image with the min with of 1039px	80 Characters	Media	false
Image Small 1	Upload Image with the min with of 480px	80 Characters	Media	false
Heading 1	Heading that appears on the image.	150 Characters	Plain Text	false
Description 1	Short description that appears on the image.	2000 Characters	Html	false
Link Text 1	Enter text for button	150 Characters	Plain Text	false
Internal Link 1	Select location from Site Structure	80 Characters	Section/Content Link	false
External Link 1	Enter Full web address including https://	200 Characters	Plain Text	false
Image Large 2	Upload Image with the min with of 1500px	80 Characters	Media	true
Image Medium 2	Upload Image with the min with of 1039px	80 Characters	Media	false
Image Small 2	Upload Image with the min with of 480px	80 Characters	Media	false
Heading 2	Heading that appears on the image.	150 Characters	Plain Text	false
Description 2	Short description that appears on the image.	2000 Characters	Html	false
Link Text 2	Enter text for button	150 Characters	Plain Text	false
Internal Link 2	Select location from Site Structure	80 Characters	Section/Content Link	false
External Link 2	Enter Full web address including https://	200 Characters	Plain Text	false
Image Large 3	Upload Image with the min with of 1500px	80 Characters	Media	false
Image Medium 3	Upload Image with the min with of 1039px	80 Characters	Media	false
Image Small 3	Upload Image with the min with of 480px	80 Characters	Media	false
Heading 3	Heading that appears on the image.	150 Characters	Plain Text	false
Description 3	Short description that appears on the image.	2000 Characters	Html	false
Link Text 3	Enter text for button	150 Characters	Plain Text	false
Internal Link 3	Select location from Site Structure	80 Characters	Section/Content Link	false
External Link 3	Enter Full web address including https://	200 Characters	Plain Text	false