Walkthrough: creating image frames

The Sitecore Content Publisher lets you create an image frame and add alternative images to use in that frame.

In this walkthrough, you create an image frame and set it with an asset from Sitecore Digital Asset Management (DAM).

Create an image frame

To create an image frame:

  1. On the menu bar, click Publisher > Templates.

  2. On the Templates page, on the template you want to modify, click edit icon.

  3. In the Sitecore Content Publisher editor, on the right-hand toolbar, click FRAME.

  4. On the top toolbar, click Create Frame > Image.

  5. Drag the new empty frame to the desired template area.

  6. On the IMAGE tab, in the Image Settings pane, click Assign Image.

  7. In the SELECT IMAGE dialog, select an asset from the Assets category. This asset acts as a placeholder for adding DAM assets.

  8. On the FRAME tab, under Frame Location, enter a tag in the Tag field, for example, Image_alternatives.

  9. Click Save.

  10. Back on the template details page, click more options icon Revalidate template.

  11. On the Dynamic frames tab, click plus sign Dynamic frame.

  12. In the Dynamic frame dialog, next to Frame, click Image_alternatives in the drop-down menu.

  13. Click Add result set.

  14. Under Result set, click an option in the drop-down menu and then click select. For this walkthrough, choose Asset.

  15. In the Select result set dialog, either search manually or select the assets you want to use as alternative images.

  16. Click Select.

  17. Click Save.

Assign an alternative image

To assign an alternative image:

  1. On the menu bar, click Publisher > Templates.

  2. On the Templates page, on the template you want to modify, click edit icon.

  3. On the Frames tab, click the image you want to replace.

  4. On the Library images tab, which displays the Sitecore DAM assets you assigned to the result set for the image frame, click the image you want to use as alternative image.

  5. Click Save.

Do you have some feedback for us?

If you have suggestions for improving this article,