Part 2. How to create Image Carousel in Wink Responsive Theme

The following tutorial will teach how to create your own carousel in Wink responsive Plone theme.

The following tutorial will teach how to create your own carousel in Wink responsive Plone theme.

To add image carousel to Wink Responsive Theme to be displayed on front and site inner pages - first you need to install Products.Carousel package and activate it via Site Setup -> Add-ons.

add-ons.png

Now you can create carousel for the home page or any other site section. In any case, go to the desired location and shift to Carousel tab. Here you can configure main carousel settings. This folder needs to be published so that its contained elements become visible, so, don't forget to do that. Now add new Carousel Banner:

add-banner.png

In the opened window - provide banner Title, it will be displayed instead of site slogan on this image and upload the new banner Image. You can also specify Link URL to make image linked to certain address. Chaste theme has different Carousel looks on the front page and site inner pages. On the front page, if you add an image and some text into Banner, the text will be displayed on the left side in italics just under the logo. If it is too long the last line to fit the space will be blurred. The recommended image dimensions are 1280*440px.

Now when you return to the home page - you'll see new top image with its title.

banner1.png

Now add more banners into Carousel Banner folder so that all banners are rotated. Also you can change the way the images are rotated by selecting one of the available options in the Pager type list box. Preview and Next buttons and Numbers were specially styled to compliment the overall theme design.

banner2.png

banner3.png

Connect with our experts Let's talk