How to create a simple Slider?

We would like to provide a short tutorial to help you to make such a beatiful sliders as we made in our Demo site. If you don't purchased the Smart Slider for Joomla yet, this tutorial will show you how easy to create a charming slider. If you are already a Smart slider user, this article will guide you how to create a similar slider like this.

Setting up the Slider

1. Go to your Joomla backend, log in and choose Components/Smart Slider in the top menu.
2. Click on the Sliders tab then press the New button.
3. Let's start editing the slider properties.

1. Choose the name of your Slider and set it published.
2. On this demo site we use Simple Horizontal slider type with Elegant theme and Dark blue skin.
3. We need 3 slides so set the Add slides to 3.

Slider settings

4. Don't forget to hit the Save button.
5. Now you are done with the slider. It will be listed in the sliders list.

Sliders list

6. Click on the Show slides in the row of your slider. This will take you to your 3 slides. Click on the first slide's title.

Setting up the first Slide

1. Choose a title for your Slide and set it published.
2. Leave Group to previous on no.
3. In the Content template group choose the Link and Background template.
4. Below the template fields will show up and you can fill it up. Note: You don't have to fill every field, just fill what you need!
5. You can see how your slide going by switch on the Live preview on the bottom right of the page.
6. In the Caption group choose the Tag Right Title Right option and there will some new fields to fill.

First slide - Details

First slide - Content editor

First slide - Caption editor

7. In slide editor view you can always use the Live Preview feature. It saves a lot of time.

Slide Live Preview

Setting up the second Slide

You are done with your first slide which gave you the experience with the slide editing. The second slide will be easier for you. Now we will use the One column content template instead of the Link and Background template. On this slide we didn't use any captions (No caption option in the list), but if you think you can try out the other captions.

Setting up the Third Slide

Exactly as the first slide just the background image different and the captions text changed.

Publishing the slider on the Frontend

1. Go back to the Slider list
2. Click on the Create module from this slider.
3. This will redirect you a simple module creation page.
4. Fill the Details as you usually do with other modules.
5. On the right side select the Slider what you would like to show.
6. Save it and you are done. Check your beautiful slider on the Frontend.

Publish slider on the Frontend