How can we develop a custom editable template in AEM 6.4? | Community
Skip to main content
surenk
surenk
Level 4
August 13, 2019
Solved

How can we develop a custom editable template in AEM 6.4?

  • August 13, 2019
  • 4 replies
  • 2814 views

Our customer gave us a design mockup and asked us to develop a template similar (background image, over title, text on bottom) to the mockup.

How can we develop an editable template to look like a design mockup? What are the steps/process involved to bring in the HTML and CSS to the editable template?

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 user05162

Go through WKND chapter 4 that covers everything you mentioned above.

[1] 4 - Style System

4 replies

H
Adobe Employee
Hamid1350Adobe Employee
Adobe Employee
August 13, 2019

You may want to check the following doc:

Creating Page Templates

surenk
surenkAuthor
Level 4
August 13, 2019

Thanks hamidk11679710​

The PageProperties section at Creating Page Templates isn't detailed enough.

We built a sample project using GitHub - Adobe-Marketing-Cloud/aem-sites-example-custom-template-type: Sample for building an AEM Template Editor custom…

and want to apply our custom CSS (global.css) to the Editable Template and then apply individual styles to components being placed in the editable template as below:

Should we apply the STYLES at Component level instead at TEMPLATE level?

A
Anonymous
August 13, 2019

Working with Editable templates and client libs are covered in this doc:

WKND Tutorial Overview

Using LESS CSS and developing components in an editable template - you can design most sites to meet your customer requirements

    U
    Adobe Employee
    user05162Adobe EmployeeAccepted solution
    Adobe Employee
    August 14, 2019

    Go through WKND chapter 4 that covers everything you mentioned above.

    [1] 4 - Style System

    Terms & ConditionsAccessibility statement

    Loading footer...