Story Group
Create a Story Group
A story group is multiple story cards grouped together into a single component. The Story Group component displays multiple Story cards with one being a lead story and the others as sub-stories. There are two ways that the Story Group displays:
1. Lead story with sub-stories in text boxes aligned right (default view)
2. Lead story with sub-stories showing images under the lead story
Example 1: Lead story with sub-stories in text boxes aligned right (default view)
Example 2: Lead story with sub-stories showing images under the lead story
1. Right-click on the Story Folder item.
2. Insert the Story Group option.
3. Name the Story Card title.
4. Modify the Story Group Title if needed.
5. This field is automatically populated from the file name.
6. Select the Story Group URL.
a. Select the ‘Insert link’ to link to a page inside of Sitecore.
b. Select the ‘Insert external link’ to link to an off-site website.
7. For internal Sitecore links, select the page you want to link to.
8. Enter the navigation title in the ‘Description’ field.
9. Select the Insert button.
10. Select the Save 
icon (top left in the Content Editor Ribbon).
Insert Story Cards into the Story Group
1. Insert individual Story Cards under the Story Group to display them in the component.
a. See Create a Story Card above
2. To identify the lead story, select the ‘Is Highlighted Story’ under the Title field.
Insert the Story Group on the Page
7. From the Experience Editor, insert a sublayout on the page.
8. Select the sublayout container you want to insert the Story Group component into.
a. Story Group only available on following sublayouts:
i. Full-Width
ii. 9-3 sublayout (9 container)
iii. 8-4 sublayout (8 container)
iv. 6-6 sublayout
v. Dynamic Grid sublayout
9. Select the ‘Story’ tab and select the Story Group component.
10. Select the Story Group you want to insert.
11. Select OK.
12. Select the Save icon (top left in the Experience Editor Ribbon).
Change the Story Group View
1. From the Experience Editor, select the Story Goup component on the page.
2. Select the Display Settings icon from the Story Group toolbar.
3. Select the ‘Display images for all stories in the group’ checkbox.
4. Select the Number of Stories to Display dropdown and assign the number of stories you want to display.
5. Select OK.
6. Select the Save icon (top left in the Experience Editor Ribbon).
Story Group in smaller containers or screen sizes
Default view – Large Desktop
Default view – 1200px
Default view – 576px
Default view – 375px
Image view – Large Desktop & 1200px
Default view – 576px
Default view – 375px
