Friday, 19 May 2017

Adding a Custom Carousel Component to the Experience Manager Toy Site

The ability to add custom components to an Adobe Experience Manager site is important as it offers you flexibility to address your business requirements. When developing custom components, you can use third-party libraries of which there are many. For example, you can use JQuery plug-ins to create custom components that can improve the look and feel of your site. For information about some existing JQuery plug-ins, see 50 Amazing jQuery Plugins That You Should Start Using Right Now.

As an example, this article is going to modify the Experience Manager Toy Site. This site contains a static image, as shown here.

To improve the look and feel of this site, the static image is replaced with a carousel component that displays different images located in the Experience Manager DAM. 

This article discusses how to create a custom carousel component then add it to the Experience Manager Toy Site. To read this article, click

NOTE: To build the Experience Manager Toy Site, see Creating your First Adobe Experience Manager 6.3 website.

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.

Twitter: Follow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

No comments:

Post a Comment