Creating Site using Editable Template + client libraries

Forum|Forum|5 years ago
August 27, 2020
3 replies
1107 views

Hi,

I have created project in AEM using Maven, and also I have created an editable template, Now I want to use inbuilt project components (eg. carouser, teaser, navigation etc.) on this editable template with some client libraries (css, js), but do not know where I need to keep these and connect with editable template and inbuilt components.

Please suggest how to proceed.

Thanks

Heena

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by knitshweta

In Editable templates check the template-types and see which sling:resourceType it is pointing to. Example:

sling:resourceType

String

<my-proj>/components/page

Now just like static templates, you can add the client library category here.

knitshwetaAccepted solution

New Participant

In Editable templates check the template-types and see which sling:resourceType it is pointing to. Example:

sling:resourceType

String

<my-proj>/components/page

Now just like static templates, you can add the client library category here.

kautuk_sahni

Employee

I am not very sure about your ask, but it seems like you want to implement individual styles and re-use Core Components using the Experience Manager's Style System. Please see https://docs.adobe.com/content/help/en/experience-manager-learn/getting-started-wknd-tutorial-develop/style-system.html

See this thread for more information: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-can-we-develop-a-custom-editable-template-in-aem-6-4/qaq-p/323915

Kautuk Sahni

Nikhil-Kumar

New Participant

@heena06

You can enable the OOTB components by updating the page policy and you can add you custom CSS and JS as part of policies too.

Go to a page --> click on Edit Template(option on top left corner) ---> you will redirected to edit the template ---> Click on the policy of the Layout container.