Overlaying the Adobe Experience Manager 6.4 Parsys component to display custom text

Adobe Experience Manager has long used the principle of overlays to allow you to extend and customize components. The overlay is a term that can be used in many contexts. In this context, an overlay means taking the predefined functionality and modifying it to meet your business requirements.

Default Experience Manager components are stored under /libs and it is recommended practice to define your overlay under the /apps JCR branch. AEM uses a search path to find a resource, searching first the /apps branch and then the /libs branch (the search path can be configured). This mechanism means that your overlay (and the customizations defined there) will have priority.

To demonstrate how to overlay an Experience Manager component, this article modifies the out of the box parsys component (wcm/foundation/components/parsys) by modifying the text the appears, as shown in the following illustration.


To read this development article, click https://helpx.adobe.com/experience-manager/using/overlay_parsys.html.