How to insert the jQuery Carousel to Joomla

This is a tutorial of how to insert jQuery carousel to your Joomla website.

Step 1 – Create Joomla jQuery carousel module in Amazing Slider

Amazing Carousel support Joomla 1.5, 2,5 and the latest version 3. To create a Joomla carousel module, in the software, Publish dialog, choose the option Publish as Joomla module. You can then select a folder to save the created module file.

The filename of the created module will be mod_amazingcarousel_ID.zip, where the valud of ID is specified in the Publish dialog -> Carousel id.

If you have multiple carousels in one Joomla website, you need to specify a different ID for each jQuery carousel.

Joomla jQuery carousel module

Step 2 – Install the jQuery carousel module to your Joomla website

Login the Site Administrator of your Joomla website, click menu Extensions -> Extension Manager, choose the zip file created by Amazing Carousel, click the button Upload & Install.

If the ZIP file is too large, and it exceeds the limit, you can unzip the file, then upload the folder mod_amazingcarousel_ID to the Joomla website modules folder, then goto Extensions > Extension Manager > Discover, find the module and install it.

Joomla jQuery carousel module

Step 3 – Configure the Joomla jQuery carousel module

Click menu Extensions -> Module Manager, find the module you just installed, click to edit its options.

Joomla carousel module

In the module page:

  • Change Show Title to Hide
  • To display the carousel in an article, here we assign a customised position for the module: amazingcarousel5
  • Change Status to Published
  • Click the Menu Assignment tab, change Module Assignment to On All Pages

configure Joomla jQuery carousel module

configure Joomla jQuery carousel module

Step 4 – Insert the jQuery carousel to your Joomla article

To insert the jQuery carousel to your Joomla article, click menu Content -> Article Manager, find the article, click and edit it.

In the article where you want to insert the jQuery carousel, enter {loadposition amazingcarousel5}.
amazingcarousel5 is the position value we defined in previous step. If you are using a different position value, you need to change it accordingly.

Save and close the Article Editor, you can goto the article to view the jQuery carousel.
Insert jQuery carousel to Joomla article