Integrate Bootstrap Carousels into Joomla! as easily as click and point

The module enables you to select images or articles easily, flexible and without coding as items for a Bootstrap Carousel and publish the carousel as a Joomla! module. The module fits perfectly into Joomla! using Joomla! features like the "image" or the "article" button for easy selection of the carousel items. This enables you to choose any image or any article regardsless of which folder the image is in or which category the article belongs to. In additon the module allows you to enter meta data (alt and title attributes for images) and attach a link to each image. Deleting carousel items is just a mouse click and as comfortable as changing the item order.

Viscarousel Feature List

  • Joomla! 3.x
  • Choice of image or article carousel
  • Select images with Joomla! media manager
  • Select articles with Joomla! article manager
  • Create exactly as many carousel items as you need
  • Change item order with a mouse click
  • Optional captions and description for each carousel item
  • Uses Bootstrap CSS
  • Optionally attach a link to each image
  • Control carousel intervall
  • Use multiple carousels on one page
  • Add optional play/pause button
  • Hide indicators
  • Hide controls
  • Option to disable autostart
  • Fit for search engine optimisation with alt and title attributes
  • Englisch and German language

Viscarousel depends on a Bootstrap template for proper function!

The aim of this Joomla! module is not to create just another beautiful Javascript based slider module. The aim of this module is to integrate the Bootstrap carousel into Joomla! so that it can be used effortless and without coding! Viscarousel relies on Bootstrap templates which must implement the standard Bootstrap CSS or it will not work properly!

Bootstap uses CSS transitions for animation and not Javascript effects. This is a design decision made by Bootstrap developers. As different browsers have varied implementation of CSS transitions the Bootstrap developers have further decided to only use the slide transition.

Joomla! 3.x comes with Bootstrap version 2.3.2. per default. Viscarousel implements a Bootstrap Carousel for this Bootstrap version.

DemoDocumentation Buy

Click image to enlarge.

  • Viscarousel used with articles

    Viscarousel set up as article carousel

  • Carousel options for articles

    Carousel options for articles

  • Select Article

    Select an article for carousel

  • Viscarousel used with images

    Viscarousel set up as images carousel

  • Carousel options for images

    Carousel options for images

  • Select image using Joomla! Media Manager

    Select image easily using Joomla! Media Manager

Viscarousel - Bootstrap Carousel for Joomla! - Demo

Viscarousel provides you with a wealth of posibilities to display pictures or articles as bootstrap carousels (Slider) on your website, some of which you can see here. In addition to module positions you (top and bottom of this page) you can use Joomla! plugin loadposition to place carousel modules inside articles .

Viscarousel helps you to integrate slider effortless and properly in responsive Bootstrap templates. Test it yourself, change the width of your browser window and see what happens to the sliders on this page.

Viscarousel comes with a handfull of usefull parameters, which suffice to make all settings necessary to control the carousels.

Autostart: Disable autostart (see picture carousel in the center beneath the text; you have to press the "play" control to start the slider).

Play/Pause-Button: Add a play/pause-button. Useful for sliders with autostart disabled (see picture carousel below).

Intervall: Determine how long an item is displayed before next item slides in automatically (carousel on the right has a shorter intervall).

Hide indicators: Bootstrap carousel features so called indicators. This is a line of dots (in the upper right corner). Each dot represents a carousel item. The active item is highlighted and you can change between items by clicking on a dot. There is a parameter to hide the indicators.(see article carousel bottom left).

Hide Controls: Hide arrows left and right, which can be used to manually switch to the previous/next item (article-carousel at the bottom right).

Carousel width: This option is useful to make sure that picture carousels fits perfectly into responsive Bootstrap templates on all viewports. Two additional Viscarousel markup classes can be used to align carousels in a bigger container on the right side or center (left is default). (Used in picture carousel at the bottom. Only visible on small viewports).

Background color: To give article carousels a better contrast (see article carousels at the bottom).

Border color: For article carousels.

Carousel height: Additional option to control the layout of article carousels.

Furthermore you can add a link for each picture, and captions and description for each item. It's easy to optimise items form search engines because there are alt- and title attributes available.

FeaturesDocumentation Buy