Banner - slideshow

Back to Content types.

The Banner - slideshow gives the option to showcase a range of images with captions and/or videos with captions or a mixture of both in the section it appears.

It is used in conjunction with the Landing - slideshow page layout and is not available with any other page layout. Page layouts can only be changed by your Faculty Web Officer.

Give it a try

1. Create a hidden section as a sub-section (child) of the section (page) where the Banner - slideshow is to appear. It must be called Slideshow, (case sensitive) and be hidden from the navigation.

See graphic below, a grey folder indicates section is hidden:

Slideshow folder structure

Note: Unlike other slideshows this one doesn't use the Slideshow widget, instead you need to add the Banner - slideshow content type to the home page. It's in this content type where you add the information to populate the left hand block.

2. Create a second hidden sub-section (as a child) of Slideshow. In the above example, the sub-section is called banner items, this holds each individual image or video in the slideshow. You can build the slideshow entirely of images, entirely of videos or a mixture of both.

3. Add a Slideshow item - banner image content type for each image in the slideshow to your hidden sub-section, in this example, banner items section. (Find out how to add a content type to a section).

4. And/or add a Slideshow item - banner video content type for each video in the slideshow to your hidden sub-section, in this example, banner items section. (Find out how to add a content type to a section).

There's a bug in t4 and items cannot be ordered with the up and down arrows. To control the order in which the items appear, they should be named with numeric or alphabetic prefixes thus: a - item description, b - item description etc., OR 1 - item description, 2 - item description etc.

Add a content type

4. Fill in the Slideshow item - banner image form, as below:

Field title What should I do? Is it compulsory?
Name* Give each item a name e.g. a - slide item description, b - slide item description, c - slide item description etc., Yes
Image* An image at least 959 x 430 pixels is required Yes
Link Internal Use the Select link to add an internal link OR No
Link External Copy and paste URL from external website No
Caption* Description of the image Yes
Display item?* Defaults to ticked Yes

5. Or fill in the Slideshow item - banner video form, as below:

Field title What should I do? Is it compulsory?
Name* Give each item a name e.g. a - video item description, b - video item description, c - video item description etc., Yes
Video URL* The video URL from either: College iMedia, YouTube, Panopto or Vimeo Yes
Image* A placeholder image at least 959 x 539 pixels is required Yes
Caption* Description of the image Yes
Display item?* Defaults to ticked Yes

6. Add a Banner - slideshow content type to your (un-hidden) section where the slideshow will live. In this example, the section called Banner - slideshow. (See graphic above).

7. Fill in the form, as below:

Field title What should I do? Is it compulsory?
Name* Name the block and give it a concise description e.g. Banner slideshow - training page Yes
Introduction text* This appears at the top of the left side block Yes
Link text Optional main link No
Link internal Get link from the Select link OR No
Link external Copy and paste URL from external website No
Link 1 text Name the first link for the list below Top links header Yes
Link 1 internal Choose the section to link to from the Select link OR Yes
Link 1 external Copy and paste URL from external website Yes
Link 2 text Name the first link for the list below Top links header Yes
Link 2 internal Choose the section to link to from the Select link OR Yes
Link 2 external Copy and paste URL from external website Yes
It's the same pattern for links 3 to 5 (the maximum). These are optional
Find items* This is how you link the slideshow items created earlier to this Banner - slideshow. Click Select and drill down to the page, in this example the section/page: banner items Yes
Display items* Defaults to ticked Yes

8. Click Add & Approve to save.

Add and approve