Part 3. Enable Carousel Banner on Flow Plone 4 Theme

Tutorial about creating carousel banner on Flow Plone Theme top area in Plone 4.

The following tutorial explains how to add carousel banners to Flow Plone Theme on a Plone 4 website. This functionality was added into Plone 4 compatible release and is not supported in Plone 3-release of Flow Theme.

Flow Plone Theme can include carousel with rotating banners on the top area instead of the default image. To enable carousel - go to Carousel tab.

carousel.png

Here you can configure carousel look: what elements should it display: title and/or text and/or image, carousel size, type of pagers (for moving between banners):

carousel-settings.png

After you finish configuring carousel  settings - add Carousel Banner inside:

add-banner.png

Here you provide banner title, link it will lead to, upload the image and enter the text to be displayed above the image:

edit-banner.png

Don't forget to publish a new banner:

publish-banner.png

Also, you have to publish Carousel Banners folder:

publish-banners-folder.png

After this, you will see a new carousel banner on the front page:

new-banner.png

To add more banners - go to Carousel tab again and add more Carousel Banners inside. You will then be able to move between carousel banners with pagers you specify on carousel settings page (here - numbers).

Different Carousel Types

Carousel on a Flow Plone Theme can display image with or without title and/or text  above it. It can be configured on carousel settings page.

1. Image + Title + Text

Carousel with both image, title and text will have the following look on the front page:

blue

and on inner site page:

topcontentinner.png

2. Image + Title

Plone Carousel can include image and title only (no description or only description without title). On the front page such carousel will look this way:

edit-portlet.png

and on inner pages:

toptitleinner.png

Connect with our experts Let's talk