I. Creating a slider:

  • Log into the Administrator interface of the site.
  • Go to Components -> Smart Slider 2:

    Components > SmartSlider2
  • Click "Start" under "Manual Slider:"

    SmartSlider2: Create new manual slider

  • Enter the name of the slider for "Name" (see #1 below)
  • Enter the dimensions of the slider for "Slider Size" (see #2 below). The ratio of width to height should match the ratio of the images you will be adding to the slider.
  • For "Responsive mode," set "Down scale" to "ON" (see #3 below).
  • Click "SAVE" when done (see #4 below).

SmartSlider2: New slider settings

Configure Autoplay Settings

Under "Autoplay settings", make the following changes:

  • Autoplay: "Enabled" = ON (see #1 below)
  • Interval = Set the desired interval (in milliseconds) (see #2 below) - for example, "5000" for 5 seconds
  • Stop autoplay on = change all to OFF (see #3 below)
  • Under "Widgets," click Autoplay (see #4 below)

SmartSlider2 Autoplay Settings


  • Change all Display settings to "ON" (see #1 below)
  • Position:
    • Set "Horizontal" to "Right," position to "4," and unit to "px" (see #2 below)
    • Set "Vertical" to "Bottom," position to "4," and unit to "px" (see #3 below)
  • Click "SAVE" to the upper right.

Smartslider2: Autoplay widget settings

II. Create first slide:

  • Click Create Slide:
    SmartSlider2: Create slide

  • Enter a short name for the slide in the "Name" field (see #1 below).
  • Below "Name," enter a short description for the slide in the "Description" field (see #2 below).
  • Click "Layout" (see #3 below).
  • Select the "image-only" layout (looks like an image expanded to fill the screen) (see #4 below):
  • Click "Item" (see #5 below).

    SmartSlider2: Creating a new slide
  • For "Active Item", select "Image" for Layer 1 (see #1 below).
  • Click the "Image" button (see #2 below) and select the image to be displayed in the first slider, then click Insert.
  • Enter a description of the image in the Alt field (see #3 below).
  • (Optional) Under "Image item settings" scroll to the bottom and change "Ken burns" to "On"
  • Click "SAVE" to the upper right (see #4 below):

    SmartSlider2: Select image for new slide, enter "alt txt" and save

III. Add new slides as needed:

  1. Click BACK TO DASHBOARD to the upper left.
  2. Follow the steps for Adding an image to a new slide to create additional slides.
  3. When done adding slides, click "SAVE" to the upper right.

IV. Modifying and deleting slides

  1. To modify a slide, follow the steps at Smart Slider 2: Modifying a slide
  2. To delete slides, follow the steps at Smart Slider 2: Deleting a slide
  3. When done modifying and/or deleting slides, click "SAVE" to the upper right.

V: Create module displaying new slider:

  • Go to Extensions > Modules:
    Extensions > Modules
  • Click New:  Joomla! new button
  • Select Smart Slider 2:
    SmartSlider2: New module

  • For "Title" enter a name for the module (see #1 below)
  • Click the "Configure" button (see #2 below)
    • For "Slider" select the name of the slider to display
    • Click "APPLY" to the upper right
  • To the right, change "Show Title" to "Hide" (see #3 below)
  • Select a position from the "Position" dropdown menu (see #4 below)
  • Click the "Menu Assignment" tab (see #5 below)
    Configure SmartSlider2 Module
  • Change "Module Assignment" to "Only on the pages selected" (see #1 below)
  • Click "None" to the right of "Select" (see #2 below)
  • Check the boxes to the left of any menu item that should display the new module
  • When done, click "Save & Close" (see #3 below)

Select Menu Assignment for SmartSlider2 Module