Skip to content

Updating the homepage

Go to homepage in AEM

Change the banner images

Prerequisite

Ensure the image(s) you want added to the banner have already been uploaded to AEM. If not, follow the steps in Uploading new photos and documents.

Due to AEM's limitations, the banner is a carousel of images on desktop, and one static image on mobile. Each has its own way of changing the images.

Each banner image on the website is its own unlisted page on the site. To change an image, you will need to edit the image property of the page.

Go to homepage carousel folder in AEM

Tip: Image order in the carousel matches the page order in AEM

Changing the image

  1. In the Homepage Banner folder, select the page for the carousel image you want to change.
  2. Right click on the page and select Page Properties.
  3. Select the Image tab.
  4. Drag and drop a new image into the Image field from the sidebar.
  5. Press the Crop button to crop the image to a 3:1 (Banner) aspect ratio.

Adding a caption

  1. Still in Page Properties, select the Basic tab.
  2. Expand the More Titles and Descriptions section.
  3. Enter your caption in the Description field with a prefix of Image:.
  4. Press the OK button and Activate the page to save your changes.

Changing an image on the homepage carousel

To add more images to the carousel, simply duplicate one of the existing pages in the Homepage Banner folder, then change the image and caption as described above. The new page will automatically appear in the carousel.

Change the mobile banner image

To change the mobile banner image, you will need to edit the image directly on the homepage .

Changing the image

  1. Narrow your browser window to a mobile size until you can see the mobile banner image.
  2. Right click on the banner and select Edit.
  3. Expand your browser window back to full size. The mobile banner image will still be selected.
  4. Select the Image tab.
  5. Drag and drop a new image into the Image field from the sidebar.
  6. Press the Crop button to crop the image to a 3:2 (Carousel) aspect ratio.

Adding a caption to the image

  1. Select the Advanced Image Properties tab.
  2. Enter your caption in the Description field with a prefix of Image:.
  3. Press the OK button and Activate the page to save your changes.

Changing the homepage banner's mobile image

Change events on the homepage

Prerequisite

Ensure the events you want added to the homepage have already been created in AEM. If not, follow the steps in Creating an event.

Currently due to AEM's limitations, the events section on the homepage must be manually updated.

Change which events are shown

  1. Right click on the events cards component and select Edit.
  2. Go to the Fixed list tab.
  3. Click the search icon to find the event you want to replace existing events on the homepage.
  4. Click the Add Item button to add to the list on the homepage.
  5. Ensure events are ordered by their dates. Use the green up and down arrows to reorder them if necessary.
  6. Press the OK button and Activate the page to save your changes.

Change how many events are shown

As of writing, the homepage has been set to show four events in view. Any extra events will be paginated . The user clicks the next button to view the next four events.

  1. While editing the events cards component, select the List tab.
  2. Change the Pagnate after field to 2.
  3. Change the CSS Class field to col-2 mds-stack outline.
  1. While editing the events cards component, select the List tab.
  2. Change the Pagnate after field to 3.
  3. Change the CSS Class field to col-3 md-stack outline.
  1. While editing the events cards component, select the List tab.
  2. Change the Pagnate after field to 4.
  3. Change the CSS Class field to col-2 mds-stack outline.

Changing which events are shown on the homepage and how many events are shown before pagination

Add/change the team member cards in "Meet the Team"

Follow the instructions under Updating the Agrivoltaics page. It is the same process for changing the team member cards on the homepage.

Updating the "Our Latest Work" section

This section has been set to automatically show the latest modified publication. Once you create a new Working Paper or op-ed, it should automatically appear in this section.

Ensuring the latest working paper appears in this section

If you change any past working paper and activate it, it will overwrite the latest published working paper.

You will need to go back and re-activate the latest working paper to ensure it appears in this section.

Updating the "Our Latest Videos" section

Currently the homepage automatically displays the latest videos uploaded to the CERG's YouTube channel. Simply upload videos to the CERG YouTube channel and they will automatically appear in this section.

If you want to change this behaviour, follow these instructions.

Updating the "Ways to connect" section

This section displays links to our social media profiles and contact us page. To add or change links, simply edit the text box and add a new link on a new line.