For this version of Sitecore, rows and columns are used to add images. The two methods of this are the Image List component and the Image Grid component. The Image List allows for two display methods of either landscape (the default) or portrait. Images will always be left justified next to text. For the Image Grid, images are not accompanied by a paragraph of text but by a title and a text overlay.
Becoming Familiar with the Interface: Sitecore Advanced Editing Components Interface Home Page Components: Hero Banner Component Home Page Content Page Components: |
Here are the features of the Image List component in Sitecore V3. Below is the basic layout (see image below):
a. Gear Icon: Opens settings options
b. Headline: Adding a Headline is optional
c. Image Size: An image can be changed from landscape to portrait using this function (see image below)
d. Save: Select Save if you have made any changes to these settings
e. Edit Icons: The pencil icon opens the editor and the X icon deletes the content
f. Plus Icon: Adds a list row
It is not recommended to add more than four rows as this will compromise the integrity of the page by reducing accessibility |
Make sure the destination folder is correct if you're uploading a new image and Alt Text is included. Landscape: 365 x 200 px or roughly 4.86 x 2.66 in |
Here are the features of the Image Grid component in Sitecore V3. Below is the basic layout (see image below):
a. Gear Icon: Opens settings options
b. Headline: Adding a Headline is optional
c. Theme: Two layouts options that allow for just title text under the image or title and descriptive text under the image (see image below):
d. Save: Select Save if you have made any changes to these settings
e. Edit Icons: The pencil icon opens the editor and the X icon deletes the content
f. Plus Icon: Adds a new image
The minimum number of images that can be added is 1. The maximum number of images that can be added is 4. |
Only use landscape images that are 365 x 200 px or roughly 4.86 x 2.66 in |
Select the Pencil icon
Select the Browse button to open the Media Library (see image below).
Pay attention to the recommended image size located above the Browse button. Following this sizing will help your page to look its best. |
Select Destination
Always check the folder you are uploading to. If needed, click Change Destination, and navigate to the folder where your images should be located and confirm. |
Select Browse for Media Files (see image below)
|
Select image to upload
Type the Name, Description, and Alternate Text for your image
|
Select Upload Media
Please click this link to give feedback for this documentation and using Sitecore Advanced Editing Components: User Survey |