Web Development Documentation

Smart Slider 2: Creating Sliders (Manual Slider method)

I. Creating a slider:

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


  • Click "Start" under "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)
  • Click "SAVE" when done
  • (Optional) Click "Configure" and make any desired changes to the settings


    (Recommended) Under "Autoplay settings", make the following changes:
  • Autoplay = ON (see #1 below)
  • Interval = Set the desired interval (see #2 below)
  • Stop autoplay on = change all to OFF (see #3 below)
  • Under "Widgets", disable any undesired widgets by changing Display to "OFF" for all devices (see #4 below)


  • Click "Save" to the upper right.

II. Create first slide:

  • Click "Create Slide" to the left
  • Click "Layout"
  • Select the "image-only" layout (looks like an image expanded to fill the screen)
  • Click "Item"
    • For "Active Item", select "Image" for Layer 1
    • Click the "Image" button and select the image to be displayed in the first slider
    • (Optional) Under image item settings, change "Ken burns" to on
    • Click "SAVE" to the upper right

III. Duplicate slide as needed:

  • Click the name of the slider/slideshow to be edited.
  • Under the text "Create slide" is a list.  These are individual slides. To the right of each slide name should be a green check icon.  Hover over the check icon until you see Duplicate and Delete.  Choose Duplicate.


  • You should now be in a screen editing the new slide.  
  • Change the name of the slide in Slide Settings, in the "Name" field (see #1 below).
  • Change "Published" from "OFF" to "ON" (see #2 below)
  • Go back to the left side column and choose "Item" (see #3 below).
  • To the right of "Active item", choose "image" under "available items" under Layer #1 (see #4 below)
  • In the new options that appear, under "Image item settings" and to the right of "Image" select the new image and click "Insert" (see #5 below)


  • Click "SAVE" to the upper right
  • To continue duplicating slides, click "BACK TO DASHBOARD" to the upper left, then hover the cursor over the next slide to be duplicated.
  • When done, click "SAVE" to the upper right

IV. Modifying and deleting slides

To modify and/or delete slides, please review this documentation.

V: Create module displaying new slider:

  • Go to Extensions > Modules


  • Click "New"
  • Select "Smart Slider 2"
  • 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)



  • 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)

MenuAssignment Module1