Hello,
I have successfully add bootstrap carousel effect on Universal Module.
Please follow steps below.
Creating Custom Template
Go to below link and create custom template.
flexicontent.org/documentation/faq/item/...icontent-module.html
You won't need to copy css file coz we use bootstrap-carousel.css
1. Create mynews folder and images folder in mynews folder.
2. Unzip uploaded file.
3. Upload mynews.php file to modules/mod_flexicontent/tmpl folder
4. Locate bootstrap-carousel.js and bootstrap-carousel.css in desired folder(maybe under templates/yourtemplate/css and templates/yourtemplate/js folder)
Universal Module Setting
1. Template Layout to
mynews
2. In
Item List Basic option Tab
Under Featured (full width) / Standard (in columns) Items
I use only Number of items to set number of articles to display.
I didn't change any codes to display featured articles.
3. Play around with
Image parameters to make desired view.
Only standard params can be used.
Play around with CSS.
e.g if you disable below css rule than all texts will be located under image.
.carousel-caption {
position: absolute;
}
To change effect:
twitter.github.io/bootstrap/javascript.html#carousel
e.g to change interval
Look for "interval: 4000" in mynews.php and simply change the value.
If you have problem, let me know.
Good luck!
[attachment=0:2mdrqtkr]<!-- ia0 -->bootstrap-carousel.zip<!-- ia0 -->[/attachment:2mdrqtkr]