Widgets


 





Slideshow Widget

Instructions

  1. Navigate to the page you would like to add the Slideshow Widget to
  2. Turn on Live Edit
    live_edit_is_on.png
  3. Navigate to Widgets > Content > Slideshow
    widgets_content_slideshow.png
  4. Drag-and-drop the Slideshow Widget into your content area
    slideshow_widget_drag_and_drop.png
  5. A pop-up window will appear to add images
    slideshow_pop_up.png
  6. Select Add Images
    slideshow_add_images.png
  7. Check the boxes for the images you would like to add
    check_boxes_for_slideshow.png
  8. Select Insert Marked
    insert_marked_button.png
  9. Fill in the information for each image by selecting Advanced 
    advanced_slideshow.png
    advanced_slideshow_2.png
    • Title: Changes the image title
    • Caption: Changes the image caption
    • Link: Place a check in Link to display fields where you can paste a URL
      you want that image to link to
    • Display: If you want this image to only be displayed within a certain
      date range, enter those dates here
    • Remove: Removes the image from your slideshow
  10. Choose the Options Tab for more options
    slideshow_options_tab.png
    slideshow_options_tab_2.png
    • Slide Timing: The number of seconds each image will display
    • Transition: Images can either Fade from one to the next, or Slide to the next
    • Transition Timing: The number of seconds it takes for the fade or slide
    • Slide Title: Check to place a title on each slide
    • Slide Caption: Check to show captions with each image; selecting this will cause the Slide Overlay Option to appear
    • Slide Overlay: Displays the title and/or caption in an overlay on each slide
    • Caption Background: Display background for the overlay
    • Caption Location: Determines the location of the caption and overlay
    • Inset Caption: Insets the caption so that it’s not aligned to the border of the slideshow
    • Narrow Display Behavior: Determines how the slide will behave in the narrow view
    • Next/Previous Arrows: Display left and right navigation arrows
    • Arrow Color: Color of the arrow
    • Next/Previous Arrow Background: Displays circle background for arrows
    • Arrow Background Color: Determines color of arrow background color
    • Next/Previous Background – Displays vertical bar background for the slideshow arrows
    • Background Color: Determines color of arrow background
    • Pagination: Display pagination to navigate slides; selecting this causes the Pagination Style option to appear
    • Pagination Style: Use either Dots or Numbers for the pagination links
  11. Select Save Slideshow 
    save_slideshow.png



I'd Like to Request an Enhancement

0 out of 0 found this helpful

Updated:
Follow

Article Feedback