Thursday 23 August 2018

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. 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.



Join the Experience League

To become an Experience Business, you need more than just great tools and online help. You need a partner. Experience League is a new enablement program with guided learning to help you get the most out of Adobe Experience Cloud. With training materials, one-to-one expert support, and a thriving community of fellow professionals, Experience League is a comprehensive program designed to help you become your best.

Join the Adobe Experience League by clicking this banner.




I (Scott Macdonald) am a Senior Experience League Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more AEM or other end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked In: http://www.linkedin.com/in/scottmacdonald2010

YouTube: Subscribe to the AEM Community Channel.