Image Sets give users an integrated viewing experience, where users can see different views of an item by clicking a thumbnail image. Image Sets let you present alternative views of an item and the viewer offers zooming tools for examining images closely.
Image Sets are designated by a banner with the word IMAGESET. In addition, if the Image Set is published, then the publish date, indicated by the World icon is on the banner along with the last modification date, indicated by the Pencil icon displays.
Within the image set, you can also create swatches by creating an Image Set and adding thumbnails.
This application is particularly useful for when you want to show an item in a different color, pattern, or finish. To create a Image Set with color swatches, you need one image for each different color, pattern, or finish you want to present to users. You also need one color, pattern, or finish swatch for each color, pattern, or finish.
For example, suppose you want to present images of caps with different color bills; the bills are red, green, and blue. In this case, you need three shots of the same cap. You need one shot with a red, one with a green, and one with a blue bill. You also need a red, green, and blue color swatch. The color swatches serve as the thumbnails that users click in the Swatch Set Viewer to see the red-billed, green-billed, or blue-billed cap.
For information on the Assets user interface, see Managing assets with the Touch UI.
Start by uploading the images for your Image Sets. Because users can zoom on images in the Image Set Viewer, take zooming into account when you choose images. Make sure that the images are least 2000 pixels in the largest dimension. AEM Assets supports many image file formats, but lossless TIFF, PNG, and EPS images are recommended.
In Image Sets, users click thumbnail images in the Image Set Viewer to see an image from a different side or angle.
To create an Image Set in Assets, tap or click Create > Image Sets. Then, add images and click Save.
Set up Image Set Viewer presets, as needed.
Administrators can create or modify Image Set Viewer Presets. To see your image set with a viewer preset, select the image set, and in the left-rail drop-down menu, select Viewers.
See Tools > Assets > Viewer Presets to create or edit viewer presets.
AEM Assets creates URL calls for Image Sets and activates them after you publish the image sets. You can copy these URLs when you preview assets. Alternatively you can embed them on your web site.
Select the Image Set, then in the left rail drop-down menu, select Viewers.
If you have issues creating sets, see Troubleshooting Dynamic Media - Scene7 mode.
Start by uploading the images for your Image Sets. Because users can zoom on images in the Image Set Viewer, take zooming into account when you choose images. Make sure that the images are least 2000 pixels in the largest dimension. Image Sets supports many image file formats, but lossless TIFF, PNG, and EPS images are recommended.
You can upload images for Image Sets as you would upload any other asset in Assets.
Before creating Image Sets, make sure that the images are the right size and format.
To create a multiple-view Image Set, you need images that show an item from different points of view or show different aspects of the same item. The goal is to highlight the important features of an item so viewers have a complete picture of what it looks like or does.
Because users can zoom images in Image Sets, make sure that the images are at least 2000 pixels in the largest dimension. Assets supports many image file formats, but lossless TIFF, PNG, and EPS images are recommended.
In addition if you are using thumbnails to indicate product swatches, you need to do the following:
You need vignettes or different shots of the same image showing it in different colors, patterns, or finishes. You also need thumbnail files that correspond to the different colors, patterns, or finishes. For example, to present thumbnails with an Image Set showing the same jacket in black, brown, and green, you need:
- A black, brown, and green shot of the same jacket.
- A black, brown, and green color thumbnail.
You can create Image Sets through the user interface or via the API. This section describes how to create Image Sets in the UI.
When you add assets to your set, they are automatically added in alphanumeric order. You can manually re-order or sort assets after they have been added.
In the Image Set Editor, select the Properties (cog) icon. In Title, enter a name for the Image Set. The name appears in the banner across the Image Set. Optionally, enter a description.
When creating the image set, you can change the image set thumbnail or allow AEM to select the thumbnail automatically based on the assets in the image set. To select a thumbnail, click Change thumbnail and select any image (you can navigate to other folders to find images as well). If you have selected a thumbnail and then decide that you want AEM to generate one from the image set, select Switch to Automatic thumbnail.
Tap or click the Asset Selector to select assets that you want to include in your Image Set. Select them and click Select.
With the Asset Selector, you can search for assets by typing in a keyword and tapping or clicking Return. You can also apply filters to refine your search results. You can filter by path, collection, file type, and tag. Select the filter and then click/tap the Filter icon from the toolbar. Change the view by selecting the View icon and selecting list, column or card view.
Re-order the images by dragging them up or down the list (must select the reorder icon), as necessary.
If you want to add thumbnails, click the + thumbnail icon next to the image and navigate to the thumbnail you want. When done selecting all the thumbnail images click Save.
If you want to add assets, tap or click Add Asset.
You can create image sets either in the UI or automatically using batch set presets. However, sets created using batch set presets, do not appear in the user interface. You can access sets created via batch set presets in three different ways. (These methods are available even if you created the image sets in the UI).
From search, you can Select Filters, then expand Dynamic Media and select Sets.
The search returns matching sets that were manually created in the UI or automatically created through batch set presets. For automated sets, the search query is conducted using "Starts with" search criteria which is different from AEM search which is based on using "Contains" search criteria. Setting the filter to Sets is the the only way to search automated sets.
You can perform a variety of editing tasks to assets in Image Sets directly in the user interface as you would any asset in Assets. You can also perform the following actions in Image Sets:
- Add images to the Image Set.
- Re-order images in the Image Set.
- Delete assets in the Image Set.
- Delete the Image Set.
- Apply viewer presets.
- Add thumbnails.
You can create image sets manually or automatically through set automation. Note however that you cannot see set members in the user interface. See Viewing Image Sets.
To edit the images in the Image Set, do any of the following:
- To add an asset, click the Add Asset icon then navigate to the assets you want to add in your Image Set and click or tap Select.
- To reorder assets, drag an image to a new location (select the reorder icon to move items).
- To add a thumbnail, select the thumbnail next to the appropriate asset.
- To delete an asset, select it and tap or click Delete Asset.
- To delete an entire Image Set, navigate to the Image Set, select it, and select Delete.
- You can edit the images in an Image Set by navigating to the set, clicking Set Members in the left rail, and then clicking or tapping the Pencil icon on an individual asset to open the editing window.
To preview Image Sets, see Previewing assets.
See Publishing Assets for details on how to publish Image Sets.