Adobe Experience Manager: How to enable the Search bar in Select Image of Page Thumbnail

Description

You can set a page thumbnail with Property > Thumbnail > Select Image. But currently, the Search bar is not available by default in the image selection dialog.[ 1] This article explains how to enable the Search bar in the dialog.

[ 1] Generic Lucene Index Removal > Path Field Picker Search
https://experienceleague.adobe.com/docs/experience-manager-cloud-service/content/operations/removal-generic-lucene-index.html?lang=en#picker-search

Environments
AEM as a Cloud Service

Resolution

Create and modify an overlay of pagethumbnail.js which calls the dialog.

Step1. Create the overlay of pagethumbnail.js

Source:
  /libs/cq/gui/components/common/wcm/clientlibs/wcm/js/pagethumbnail.js

Destination:
  /apps/cq/gui/components/common/wcm/clientlibs/wcm/js/pagethumbnail.js

Step2. Add “&nodeTypes=dam%3AAsset” to the URL for the dialog

Before:
  var src = “/mnt/overlay/granite/ui/content/coral/foundation/form/pathfield/picker.html” + “?charset=utf-8&path=%2fcontent%2fdam&root=%2fcontent%2fdam&filter=hierarchyNotFile&selectionCount=single”;

After:
  var src = “/mnt/overlay/granite/ui/content/coral/foundation/form/pathfield/picker.html” + “?charset=utf-8&path=%2fcontent%2fdam&root=%2fcontent%2fdam&filter=hierarchyNotFile&selectionCount=single&nodeTypes=dam%3AAsset”;

Step3. Deploy the change via Cloud Manager and check the Search bar appears

On this page