AEM Site Tutorial Results In Blank Page | Community
Skip to main content
Level 2
Sep 28, 2017 8:57 PM UTC
Solved

AEM Site Tutorial Results In Blank Page

When following the AEM website construction tutorial, after setting up the template, components, markup, and creating a page from it all, the page itself continually comes up blank in the editor. This is the second attempt at this tutorial as the first attempt ended the same.

The article in question: https://helpx.adobe.com/experience-manager/using/first_aem63_website.html

Results on my end:

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
kinmanc39931204Accepted solution
Level 2
Sep 29, 2017 1:12 PM UTC

He said it was an error in the naming convention of my component HTML files. He said that my "contentpage" component should have had a "contentpage.html" file and instead I had a "body.html".

15 replies

Ratna_Kumar
Level 10
Sep 29, 2017 6:31 AM UTC

Hi,

I got your query. When you create the page component you need to include the Resource super type as wcm/foundation/components/page which is pointing to Page component otherwise you will see balnk.

Hope this helps!

~Ratna.

Translate
Level 4
Sep 28, 2017 10:11 PM UTC

There is also a Toy Store package on this article that talks about using JQuery to build a custom Carousel component -- Adobe Experience Manager Help | Adding a Custom Carousel Component to the Experience Manager Toy Site

Translate
smacdonald2008
Level 10
Sep 28, 2017 9:56 PM UTC

Just tested this and result was:

Can you create a package of your content and put on a Google drive. We can look at this and try and spot the difference.

Translate
smacdonald2008
Level 10
Sep 28, 2017 9:11 PM UTC

What AEM version are you using - 6.3?

Translate
smacdonald2008
Level 10
Sep 28, 2017 9:08 PM UTC

You are missing something here. This has been tested numerous times.

See this article too. It has the complete site on it :

Creating a Login Component for the Experience Manager Toy Store

In addition - you can watch the video here that shows you step by step.

Scott's Digital Community: Creating your First Adobe Experience Manager 6.3 website

Translate