Carousel Banner

Hi,

I have installed the extension but not sure how to implement on the homepage. I would like to have the images showing as carousel. Is there any documentation online I can refer to?

www.friendsgroup.com.sg/index_orig.php

Hope you can assist. Thanks ;)
11 years 3 months ago #1 by fenghui zhuo

Please Log in or Create an account to join the conversation.

Hello Fanny

First you'll gonna need to set up some Banners from Banner Manager. At least 2 banner items should be set so the Carousel can be seen.
Then, after banner items have set, it's time for you to set up Carousel Banner module, you need to know what module position where it should be published.

Load jQuery = No if your template is already load it or set to Yes if still not working.
Select the Banner Category,
Count = number of banner to be displayed
Banner Width and Height is obvious from your banner images
Alternative Layout = as you can see on our demo site, you could choose your preference.
Left the rest in their default values and see if that works
11 years 3 months ago #2 by erwinschro

Please Log in or Create an account to join the conversation.

Thanks. I have bought the responsive slider banner instead.

I have implemented in the website but somehow the dots (navigator) seem to be missing despite choosing style 2. Can assist?
www.friendsgroup.com.sg/index_orig.php
11 years 3 months ago #3 by fenghui zhuo

Please Log in or Create an account to join the conversation.

Hi thanks for purchasing the module

Have you select the Show Navigation option to Yes in the module parameter?
11 years 3 months ago #4 by erwinschro

Please Log in or Create an account to join the conversation.

Thanks for the fast response. It works now. =)
:o

How can I move the dots (navigator) within the banner image instead of outside the banner?
11 years 3 months ago #5 by fenghui zhuo

Please Log in or Create an account to join the conversation.

There's 2 options for that

1. you can choose Nivo Theme = Bar and get the dots within the Banner with a bar
2. You can edit the following css class under the /modules/mod_responsivebannerslider/assets/nivo/themes/default/style.css
.nivo-controlNav {
text-align: center;
padding: 15px 0;
position: absolute;
margin: 300px auto auto auto;
z-index: 999999;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
11 years 3 months ago #6 by erwinschro

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum