Part 4. How to Create Image Carousel

To add image carousel to Chameleon diazo theme to be displayed instead of default top image - first you need to install Products.Carousel package and activate it via Site Setup -> Add-ons.

install-carousel.png

Now you can create carousel for site's front 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 tot do that. Now add new Carousel Banner:

carousel-tab.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.

When a new image is added - publish it:

publish-banner.png

Now when you return to the home page - you'll see new top image with its title on the site's current color scheme. Note: current banner is linked (its title is underlined) because link URL for this banner was provided.

new-banner.png

Now add more banners into Carousel Banner folder so that all banners are rotated. In case you select Previous and Next buttons as carousel pager - you will see styled arrows:

carousel.png

Testimonials

I've been using Chameleon for a couple of years and I'm fully satisfied with it. No problem at all! I've received updates when needed and the Quintagroup staff has answered my questions readily. I think it is a good product.

David
Luthiers de Webs
http://luthiersdewebs.com

Follow