Working with Selectors working-with-selectors

CAUTION
AEM 6.4 has reached the end of extended support and this documentation is no longer updated. For further details, see our technical support periods. Find the supported versions here.

When working with an Interactive Image, Interactive Video, or Carousel Banner, you select assets and you select sites and products for hotspots and image maps to link to. When working with Image Sets, Spin Sets, and Multimedia Sets, you also select assets with the Asset Selector.

This topic covers how to use the Product, Site, and Asset selectors, including the ability to browse, filter, sort within the selectors.

You access the selectors while creating carousel sets, adding hotspots and image maps, creating interactive videos and images.

For example, in this Carousel Banner, you use the Product selector if you are linking a hotspot or image map to a Quickview page; use the Site selector if you are linking a hotspot or image map to a Hyperlink; use the Asset selector when you are creating a new slide.

chlimage_1-520

When you select (rather than manually enter) where hotspots or image maps go to, you are using the selector. The Site selector only works if you are an AEM Sites customer. The product selector also requires AEM Commerce.

Selecting products selecting-products

Use the Product selector to choose a product when you want a hotspot or image map to provide a Quickview to a specific product in your product catalog.

  1. Navigate to the Carousel Set, Interactive Image, or Interactive Video, and tap the Actions tab (only available if you have defined a hotspot or image map).

    The Product selector is in the Action Type area.

    chlimage_1-521

  2. Tap the Product Selector icon (magnifying glass) and navigate to a product in the catalog.

    chlimage_1-522

    You can also filter by keyword or tag by tapping Filter and entering keywords, or selecting tags, or both.

    chlimage_1-523

    You can change where AEM browses for product data by tapping Browse and navigating to another folder.

    chlimage_1-524

    Tap Sort by to change whether AEM sorts by newest to oldest or oldest to newest.

    chlimage_1-525

    Tap View as to change how you view products – either List View or Card View.

    chlimage_1-526

  3. After the product is selected, the field populates with the product thumbnail and name.

    chlimage_1-527

  4. When in Preview mode, you can tap the hotspot or image map, and see what the Quickview looks like.

    chlimage_1-528

Selecting Sites selecting-sites

Use the site selector to choose a webpage when you want a hotspot or image map to link to a webpage that is managed within AEM sites.

  1. Navigate to the Carousel Set, Interactive Image, or Interactive Video, and tap the Actions tab (only available if you have defined a hotspot or image map).

    The Site Selector is in the Action Type area.

    chlimage_1-529

  2. Tap the Site Selector icon (folder with magnifying glass) and navigate to a page in your AEM sites that you want to link the hotspot or image map to.

    chlimage_1-530

  3. After the site is selected, the field populates with the path.

    chlimage_1-531

  4. When in Preview mode if you tap the hotspot or image map, you navigate to the AEM site page you specified.

Selecting Assets selecting-assets

Use this selector to choose images for use in a Carousel Banner, an Interactive Video, Image Sets, Mixed Media Sets, and Spin Sets. In interactive Video, the asset selector is available when you tap Select Assets in the Content tab. In Carousel Sets, the asset selector is available when you create a new slide. In Image Sets, Mixed Media Sets, and Spin Sets, the asset selector is available when you create a new Image Set, Mixed Media Set, or Spin Set, respectively.

See also Asset Picker for more information.

  1. Navigate to the Carousel Set and create a new slide. Or, navigate to the Interactive Video, go the Content tab and select assets. Or, create a Mixed Media Set, Image Set, or Spin Set.

  2. Tap the Asset Selector icon (folder with magnifying glass) and navigate to an asset.

    chlimage_1-532

    You can also filter by keyword or tag by tapping Filter and entering keywords, or adding criteria, or both.

    chlimage_1-533

    You can change where AEM browses for assets by navigating to another folder in the Path field.

    Tap Collection to only search for assets within collections.

    chlimage_1-534

    Tap View as to change how you view products - either List View, Column View, or Card View.

    chlimage_1-535

  3. Tap the check mark to select the asset. The asset is displayed.

    chlimage_1-536

recommendation-more-help
4452738f-2bdf-4cd4-9b45-905a69d607ad