Banner 1
Banner 1

This is the first banner descriptive text, which can easily be edited with visual editor.

Banner 2
Banner 2

This is the second banner descriptive text, which can easily be edited with visual editor. We added more text into this banner Body field to show that there can be several lines of banner text. This text on a grey background covers banner image. The more text used here - the more covered banner image will be.

Banner 3 has no descriptive text, long Title only
Banner 3 has no descriptive text, long Title only
Banner 4
Banner 4

This is the forth banner descriptive text, which can easily be edited with visual editor. Banner image used for this banner is not so wide as for all other banners and it doesn't look quite good. It is preferable that images of the same dimensions are used.

1 2 3 4
You are here: Home / Plone Add-ons Demo / Plone Carousel

Plone Carousel

Plone Carousel allows you to add user-configurable rotating banners to any section of a Plone site.

Products.Carousel tool allows to add a rotating set of banner images in any section of Plone site. Different sets of banners can be used in different sections of the site. Banners can link to another page in the site, or an external URL. Plone Carousel provides options to customize the appearance of the banner as well as the length and type of transition. 

How to add carousel

To add carousel to certain site section:

  • Go to Carousel item on a task bar
  • Provide main information about your carousel behaviour, like banner elements, size, page type, type of transition, etc.
  • Select Carousel Banner from Add new... drop-down menu
  • Provide banner title, link, upload banner image and add some descriptive text depending on what you specified to be displayed in a carousel (Title/Text/Image).
  • Save the carousel banner
  • Publish newly-created carousel banner together with the Carousel Banners container.
  • Carousel should now appear above content, as it is on this page.

Demo Carousels

We prepared several demo subfolders with different carousels added inside:

  • Demo Carousel 1: image carousel with images sliding every 2 seconds above the main text area.
  • Demo Carousel 2: carousel with images + text rotating every 4 seconds above the main text area.
  • Demo Carousel 3: carousel with banner title + text rotating every 6 seconds above the main text area.