Page History

Contents

Overview

This article will guide you through the process of placing multiple banners on your site in a slider format.

Image Removed

...

1. First, you'll want a 'type' for your banners. This allows you to target the content your banner widget displays. 
2. In the CMS, navigate to Settings → Website Features.
3. Edit the Banners feature. 
   Image Removed 
4. Click 'Maintain Banner Types'.
   Image Removed 
    
5. Click 'Add New Banner Type'.
6. Enter a Code and Name for the new type, and assign an Icon if you wish. 
   Image Removed 
7. Click 'Save'. 
8. Your new banner type will appear in the Banner Type Maintenance list. You can edit or delete from this page as required. 
   Image Removed 

2. Upload Banner Images

Now that you have a banner type, you can add some images! 

...

Enter the Details for the banner: 

...

3. Place Banner Slider Widget

Now all you have to do is place the widget where you'd like the slider to appear.

In this example, we'll add it to our site's Theme, but restrict its appearance to the Home Page via the Layer. 

1. In the CMS, navigate to Content → Theme Layout (or Standard / Custom Pages, as the case may be). 
2. Locate the appropriate zone for your banner slider, according to the page layout. In this case, we'll choose the 'Feature' zone. 
3. Click 'Add Widget'.
4. Search for 'Banner Slider' and click Add Widget.
5. Edit the newly added widget and configure the options. Don't forget to set the Banner Type Filter to the one you created earlier! 
   Full widget documentation is available here.
   Image Removed
6. Click 'Save'. 

...

Overview

Banners encourage instant engagement with your website users, so why use that valuable space on a page just for one highlight or call to action?

Example of a banner in a slideshow. Features - (1) Clickable 'dot' icons on a banner to indicate which banner in the slideshow is in view. Also allows user to click to other banners quickly. (2) Clickable Next/Previous Navigation buttons. (3) Clickable link to another page on your site or to an external page. 

Image Added

Video example: four banners in a slider format

View file
name Banner_Slider_Format_Example.mp4 height 150

Step-by-step

This guide takes you through the process of placing multiple banners in a slider format on your website.

Add Banner Slider Widget

1. In the CMS, go to Content → Pages & Templates, then the page or template to display the slider banner.  (This example uses the site Theme template, then restricts display to the Home Page with a Layer.) 
   
   
2. In the page/template, go to the zone for your banner slider. 
   
   
3. Click Add Widget.
   
   
4. Search for Banner Slider and click Add Widget.
   
   

5. Edit options in the Banner Slider Widget. IMPORTANT - To display a banner item on this page, in Banner Type Filter, select the banner type. 
   Image Added
   

   Info
   Carousel Options lets you edit settings for the slideshow. For a guide to all widget options, see: Banner Slider Widget.

   
   

6. When finished editing, click Save.

Presto! Your banner slider is ready. Load your site in on a new browser to view your handiwork. 

...

Access banners on a slideshow quickly

When you're on a page with a Banner Slider Widget configured, you can jump directly to the banner type/banners in use to edit them. Hover over Options , then select Banners. (See: Banner Type Maintenance). 

Image Added

Related help