Media Grids
Media Grid One Image
Media Grid Two Images Left & Right
Media Grid Three Images Left & Right
Media Grid Four Images Left & Right
Media Grid Main Image Collage Left & Right
Media Grid Image Right with Download
Instructions:
Create the Data Item:
Steps:
- Create a data item in the Media Grid Digizuite folder [/sitecore/content/documentation/Data/Media Grid Digizuite].
- Name your data item something meaningful so you know what it is later when you connect its data source to a page.
- Populate Media Grid Position(s) up to 4 with the appropriate assets.
Add the Data item to the Page:
- Go to the page you'd like to add the data item to. Click Presentation tab, then Details.
- Go to the Final Latout Tab
- Click Edit
- Click Controls
- Double click to edit an existing Rendering or click the Add button to add a new one.
- Edit an existing Rendering:
- Update the Placeholder (will always be "Main" unless a specific column is needed. If that's true see instructions on columns here.
- Populate Data source with the appropriate Data Item (likely the one you just created).
- Add a new Rendering:
- Click the Add button
- Select one of the following Renderings from the Media Grid Components folder:
- Media Grid Digizuite 1
- Media Grid Digizuite 2 Left
- Media Grid Digizuite 2 Right
- Media Grid Digizuite 3 Left
- Media Grid Digizuite 3 Right
- Media Grid Digizuite 4 Left
- Media Grid Digizuite 4 Right
- Add Placeholder - Main or a specific column placeholder. See instructions on columns here.
- If you already have a data item created, click on the box "Open the Properties dialog box immediately". Browse to the item in the Data Source field and select the OK button.
- Select OK
- Preview the page to see your edits. Click Publish, then Preview OR via the specific author link.
Additional Details:
There are a number of things you can do with this rendering, with the buttons on the right. The first thing you'll need to do is move it in the hierarchy you'd like to see it within on the page. You can accomplish that by using the Move Up and/or Move Down buttons.
The Change button can be used to change the rendering. (ie. Media Grid Digizuite 2 Left vs. a Media Grid Digizuite 3 Right, etc.)