Image Gallery

Component Thumbnail:

Implementation Instructions:

Purpose of the
Image Gallery:

This component is designed to highlight impressive images related to the displaying page. This gallery displays sets of 4 images in a javascript-driven carousel.

To implement a
Image Gallery:

1. Navigate to the relevant Page Template within Content Editor.
   
   1. Click the right-arrow to expand the Page Template directory
   2. Click the right-arrow to expand the “Slider” folder
   1. 1. Define the Slider Title, and Slider “Link”
         1. The title will display above the gallery as a section heading
         2. The link will allow authors to link to any specific page within the File Tree.
            NOTE: The destination page for the gallery must be created. Creation of the Image Gallery does not generate a destination page.
      2. Expand the “Slider” to reveal the images associated with this display.
         1. Select media for each “Slide” component data set.
         2. Once all desired slides have been configured, save and publish the “Slider” component.
      3. Click on the “Experience Editor” beneath the “Publish” tab within the Content Editor Ribbon.
         1. Experience Editor will launch in a new Browser tab.
         2. Scroll to the Image Gallery component. If the desired Image Gallery isn’t displaying, click on the blue border.
            1. From the resulting menu, click the yellow database checkbox icon.
            2. Select “Change Associated Content.”
               1. Select the desired Slider component data set.
               2. Additional slides can be added by clicking on the “Add Component” icon in the upper left corner, next to the “floppy disc” save icon.
      4. Once configurations are complete, save by clicking the floppy disc icon in the upper left corner.
      5. Publish with “publish subitems” selected.
         NOTE: If images were uploaded to the Image Gallery, make sure to “publish related items.”