Content¶
Main text body of the slide.
Making it easier to manage attention grabbing Bootstrap Carousels and compelling Bootstrap Jumbotrons as banners on home pages
Designed to quickly and easily manange attention grabbing Bootstrap carousels and compelling Bootstrap Jumbotrons as banners with the same ease as ordinary Mezzanine pages without editing templates.
The following Bootstrap layouts are supported:
The Django sites framework is supported.
Bootstrap carousel for images with impact.
A Carousel consists of a banner with settings for the carousel and a number of slides each with an image and a call to action.
A Banner holds a collection of slides and settings for how the slides should be displayed.
The Title is for your information and will be used to generate the URL if you don’t supply one.
The Bannertype should be set to Carousel.
The URL is used to identify the Carousel in your template and is autogenerated from the title if you don’t supply one.
Other aspects that affect how the slides are displayed are described below.
The size of the call to action button, and is one of the following:
If you would like to include chevrons in the call to action button, then choose whether you would prefer them on the Left or Right.
The slide cycle time is specified in milliseconds with a default of 5000 equal to five seconds.
Whether the carousel should cycle continuously or have hard stops.
Pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave.
Displays the indicators showing which is the active slide in the set.
Adds a little eye candy to the slide transitions.
The Carousel can be published or not.
The slide title will be rendered with an h1 tag if Banner show title is checked.
Show slide title.
Main text body of the slide.
A call to action such as ‘buy now’ or ‘find out more’ let your audience know what you want them to do next and is often a useful motivator.
If there is a call to action it will be displayed as a button using the size and any chevrons as set in the Banner.
The call to action button colour can be one of:
The image to be used for the slide.
The destination link. The link is used for the call to action and the image.
The individual slides can be published or not.
Bootstrap jumbotron for a headline grabbing text banner.
A Bootstrap Jumbotron is a great way to present a simple text banner. The information is a subset of a carousel and is managed in a similar fashion.
Unlike a carousel that would has more than one slide, a jumbotron normally has just the one text block.
A Banner contains the settings for how the Jumbotron should be displayed.
The Title is for your information and will be used to generate the URL if you don’t supply one.
The Bannertype should be set to Jumbotron.
The URL is used to identify the Jumbotron in your template and is autogenerated from the title if you don’t supply one.
Other aspects that affect the display of the Jumbotron is described below.
Show the jumbotron titles.
The size of the call to action button, and is one of the following:
If you would like to include chevrons in the call to action button, then choose whether you would prefer them on the Left or Right.
The jumbotron title will be rendered with an h1 tag if Banner show titles is checked.
Main text body of the jumbotron.
A call to action such as ‘buy now’ or ‘find out more’ let your audience know what you want them to do next and can be a useful motivator.
If there is a call to action it will be displayed as a button using the size and any chevrons as set in the Banner.
The call to action button colour can be one of:
The destination link of the call to action button.
The individual Jumbotrons can be published or not.
All styling comes from document cascading stylesheets.