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:

  1. How to put a module in an article
  2. What is displayed on your Joomla 2.5 homepage

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:

    Title Enter a title for this slider. In our example, we entered homepage slideshow.
    Show Title If you don't want the title for the module to show, select Hide.
    Position Instead of clicking the Select position button, enter a position name. We entered my_homepage_slideshow
    Status Set status to Published so that it is an active module.
    Slider Select 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 article

    Our 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.

Continued Education in Course 218: Joomla 2.5 Slideshow
You are viewing Section 4: Inserting a slideshow on your Joomla 2.5 Homepage
Section 3: How to add new slides to a Unite Nivo Slider in Joomla 2.5
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Joomla Community Google+ Hangout #3

June 3rd, 2014

Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!

Click here to watch!

n/a Points
2014-02-28 11:22 am

not working with JA_purity_ii, can see just one slide, how to correct ?

Staff
8,769 Points
2014-02-28 11:57 am
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
n/a Points
2014-03-08 5:19 am

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.

 

Staff
8,375 Points
2014-03-10 10:20 am
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.
n/a Points
2014-06-02 11:56 am

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

Staff
18,098 Points
2014-06-02 12:26 pm
Hello Elia,

Are you getting any specific javascript errors on your page? You may want to check out our article on how to diagnose javascript errors. Feel free to reply with any that you find so we can help.

Kindest Regards,
Scott M

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

6 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!