Web Development Documentation

Smart Slider 2: Modify a slide

  • 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. 
  • (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)
  • Log into the Administrator interface of the site.
  • Upload the new images into Media.
  • Go to Components -> SmartSlider2:

    SmartSlider2

  • Click the name of the slider/slideshow to be edited.
  • On the left, a list of individual slides will appear. Click on the slide you want to edit.
  • You should now be in a screen editing the slide.  
  1. Change the name of the slide in Slide Settings, in the "Name" field (see #1 below).
  2. (Optional - only if thumbnails are used in the slideshow) Under "Slide settings" at the top, 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.
  3. Click the image layer under the "Slide" area to the bottom (see #3 below).
  4. On the left, under "Image item settings", click the "Image" button (see #4 below)

    SmartEdit2
  • Browse to the location in Media where you uploaded your image, and click on the image. 
  • Enter a description for the image in the Image Description field
  • Then click Insert.
  • Enter a description of the image in the Alt field under "Image item settings" to the left of the image preview
  • Update the text in the Title field under "Image item settings" to the left of the image preview
  • Enter the URL for the page to be linked to in the "Link" field above the image preview
  • 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")
  • Click "Save" to the upper right.

Joomla-Workshops-Button-Hugo