Inserting a slideshow on your Joomla 2.5 Homepage

Joomla 2.5 has reached its end of life as for 12/31/2014. Please be advised this may be a security risk to your website. You can view more information about the end of life here.

In our last few articles, we have been creating a slideshow within Joomla 2.5 using the Unite Nivo Slider extension. Our ultimate goal is to display this slideshow on our Joomla 2.5 frontpage, and in this article we’ll show you how to insert the slider in your Joomla Hosting.

Before continuing, you need to make sure you have a good understanding of the following topics, as they will all be used in this tutorial:

To show a Unite Nivo Slider on your homepage:

  1. Create a module for your Unite Nivo Slider- Log into your Joomla 2.5 Admin
    – In the top menu, hover over Extensions and then click Module Manager
    – In the top right menu, click New
    – In the list of module types, click on Unite Nivo Slider

    Enter the following details for your new module and then click Save in the top right menu:

    TitleEnter a title for this slider. In our example, we entered homepage slideshow.
    Show TitleIf you don’t want the title for the module to show, select Hide.
    PositionInstead of clicking the Select position button, enter a position name. We entered my_homepage_slideshow
    StatusSet status to Published so that it is an active module.
    SliderSelect the slider that you want to show. In our testing, we selected Test Slider 1

    There are numerous other settings you can select, such as the width and height of the slideshow and various effects. For now, we are only covering the basics, but feel free to experiment with all of the other settings.

  2. Load the new module within a featured articleOur homepage currently contains one featured article (see the 2nd link at the top of the page). What we will need to do is edit that article and insert the necessary code to load the module we just created (see the 1st link at the top of the page). Because we placed our module in a position named my_homepage_slideshow, we referenced that position when using loadposition in our featured article:
    use-load-position-for-slideshow

  3. Test your homepage!In our testing, you can see below a screenshot of how our slideshow is appearing on our homepage:
    slideshow-is-now-showing-on-homepage

  4. Please take note

    If the slide does not show for you, in the modules advanced settings enabled the option to Add JS to body. This will load the necessary javascript after jquery is loaded, and the problem should be resolved. If there are any additional problems, enable the jQuery.noConflict() option (in version 1.0.5+)

    The size of the slider is set by the sizes of the images within the slideshow. If you need the slideshow to show in different dimenions, you will need to resize your images. In the pro version, auto resizing and cropping features are available.

14 thoughts on “Inserting a slideshow on your Joomla 2.5 Homepage

  1. hello,

    I am a joomla beginer. I want to conver my website psd to joomla. how can I do it in joomla. please tell me some step or give me some link where i can know about this.

  2. Hi, i install Unite Nivo Slider pro, all the slide are with state Published, a put Include nivo_slider.js in on Body, but i can see just the first slide, the rest nothing? How can i resolve? Thank You

  3. Hello,

    I have tried to use Unite Nivo Slider to show a slideshow in a specific position on my homepage, folllowing your instructions here.

    Unfortunately, it doesn’t show the slideshow there, only the 

    {loadposition life_slides}

    I can see there.

     

    1. Be sure that you have set the Postition within the slider settings to reflect the code that you are trying to use. For emails, the code that you have provided will need to have a position defined of life_slides.

    1. Hello chris,

      Thank you for your question. The moderator of the JA_purity_ii website recommends just using a plugin. See his post here, and view available plugins here.

      If you are getting any javascript errors, we have a guide on diagnosing them here.

      Also, I see you are using ja purity II, when the stable version of ja purity III was released last month. You can access it here. Have you tried testing with the updated version?

      If you have any further questions, feel free to post them below.
      Thank you,

      -John-Paul

Was this article helpful? Join the conversation!

Server Madness Sale
Score Big with Savings up to 99% Off

X