Juniper Websites: Editing a Custom Homepage Slideshow

You may want to edit the images displayed at the top of your homepage, known as the slideshow.  Sometimes this is set up as a custom element and, if your slideshow can add text, such as your school values, a call to action button or school values, you will be able to set these options which will not be available when updating the slideshow on your other pages.

Accessing your Custom Data

  • Go to the Website Tab > Custom Data on your admin bar.  Select Homepage Slideshow:

    If this option does not exist, you can Edit Slideshow Images in File Manager.
  • You will be presented with a list of existing slides

Adding or editing a new slide

  • To add a new slide, select Add New item from the top of the list or, to edit an existing slide, select the name of the slide in the list.
  • Enter the required details into the custom form.  This may include a title, description or link; depending on the customisations that have been added to your site.
  • To update the image, first select Select Image. This will open the File Manager
  • Select the Upload File option, or drag and drop images from your computer, into the File Manager.  Make sure you add images for the homepage slideshow to Images> Slideshow> Home

There is usually a 5MB limit when uploading to the file manager.  Whilst we do perform image compression on the pictures you upload, you must consider the size of the image that you are uploading, as it will affect the speed of your page loading and the amount of data used to access the page.  There are many tools available that allow you to resize image files before uploading them.

When selecting images, think about which ones are suitable. Remember, the area they must fit into is long and narrow, so pick photos that, when cropped to fit, will still look great! For example, portrait photos may be difficult to crop, and images when your subject is very zoomed in may look out of place.  

  • After uploaded the image, hover over it and select the cropping tool.

To crop an image in File Manager:

  1. Locate the image.
  2. Select the Crop icon from the small toolbar when you hover over the image. 
  3. Select the area that you want to display using the dashed box. The dashed outline will turn green when you have selected an appropriately sized part of the image.
  4. After selecting the area you want to display, select the Crop tab.

When you crop an image in Juniper Websites the change is permanent. Any changes you make cannot be reverted. Have a backup of your image on your device before cropping. 

  • After cropping the image, select the image in the file manager window to select and you will be returned to the Custom Data form.
  • Select Update at the bottom of the form to save your changes.

Editing a Slide

  1. Select the item in the list to open it.
  2. Follow the steps to edit the details
  3. Select Update.

Deleting a Slide

  1. Select the delete icon for the item you want to delete.
  2. When prompted, select Confirm deletions at the top of the list to finalise the removal.

Reordering Slides 

Drag and drop the item you want to move into its new position:

Updated

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request