Adding/Changing Images in Banner Slideshow

How to Add/Change Images in Header Slideshow:

  • If instead of a static banner with only one image, you would like a slideshow with continuously changing images, the ‘banner-slideshow’ block can be used.
    • Note: You will have to request to have access to the “banner-slideshow” block before you can add and change images on own.
  • In order to add images to this block, use the search bar to go to the site you are working on.

 

  • Upload your banner images to use in the slideshow to the “images” folder of the site.
    • You will need to have 2 sizes of each image — a small (605 x 189px) and a medium/large (1200 x 375px)
    • Make sure the images have descriptive names so they are easy to locate. (Example: “city-at-dusk.jpg” and “city-at-dusk-sm.jpg”)
  • After requesting to have access to the banner-slideshow block, you can find it in the main site folder.
  • Select the ‘banner-slideshow’ block from the list and click ‘Edit’ at the top of the page.

  • The “Header” and “Header Link” sections should already be filled out for you

 

  • Underneath the ‘Slide’ tab, you can choose the first image in the desired slideshow. Make sure that you have both a medium sized (1200 x 375) and a small sized (605 x 189) image for those looking at your page on a desktop and a phone. 
  • You can reorder the images in the slideshow using the arrows, add more slides using the green “+”, and delete slides using the red “x”.

  • If there is only one slide in the slideshow it will simply be presented as a static banner with no movement. 
  • When all of the desired images have been added, click ‘Preview Draft’ and then click ‘Submit’.