Web Development Documentation

Overview

This procedure describes how to edit a slide that appears in a SmartSlider2 slider (slideshow).  You can change the image that appears in the slide, change the thumbnail (if applicable), rename the slide, change the description, edit the alternate text, edit the text in any text layers, and link the slide to an article or other URL.

Procedure

Upload images

1. Find or create an image that has the same proportions as your slideshow.  For most websites using the standard SAS responsive template, this will be 1200 pixels wide by 400 pixels high. 
2. (Optional - only if thumbnails are used in the slideshow) Create a copy of the image, crop it to square dimensions, and resize it to no more than 100 pixels wide by 100 pixels high (this will be the thumbnail image)
3. Log into the Administrator interface of the site.
4. Upload the new images into Media; see: Adding an Image to Media.
   

Select the slide to edit

1. Go to Components > SmartSlider2:
   
2. Click the name of the slider/slideshow to be edited:
   
   
   
3. On the left, a list of individual slides will appear. Click on the slide you want to edit:
   
   
   
4. You will now be at the Slide Settings page for the slide you want to edit.

Edit the slide

1. Enter a short name for the slide in the "Name" field (see #1 below). 
2. Below "Name," enter a short description for the slide in the "Description" field.
3. (Optional - only if thumbnails are used in the slideshow) Click the "Image" button to the right of "Thumbnail" (see #2 below)
   
   • Browse to the location in Media where you uploaded your thumbnail image, and click on the image.
   • Enter a description for the image in the Image Description field
   • Then click Insert in the upper right.
4. Click the image layer under the "Slide" area to the bottom (see #3 below).
5. On the left, under "Image item settings", click the "Image" button (see #4 below)
   
6. Browse to the location in Media where you uploaded your image, and click on the image. 
7. Enter a description for the image in the Image Description field
8. Then click Insert.
9. Enter a description of the image in the Alt field under "Image item settings" to the left of the image preview
10. Update the text in the Title field under "Image item settings" to the left of the image preview
11. (Optional) To link your slide to another page, enter the URL for that page in the "Link" field above the image preview, or click Article to link to an article within your website.
12. For slides with text layers only:
    • Click the text description layer under the "Slide" area to the bottom.
    • Enter the text to be displayed under the "Text" box to the left (found under "Heading item settings").
13. Click "Save" to the upper right.
14. The changes to your slide should now appear in the slider.
15. If you would like to change the order in which the slide appears, see: Smart Slider 2: Reordering slides