DocumentationAEM 6.4Communities Guide

Initial Sandbox Content initial-sandbox-content

Last update: Wed May 03 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

CREATED FOR:

  • User
CAUTION
AEM 6.4 has reached the end of extended support and this documentation is no longer updated. For further details, see our technical support periods. Find the supported versions here.

In this section, you create the following pages which all use the page template:

  • SCF Sandbox Site, which will redirect to the English version of the main page

    • SCF Sandbox - The main page for the English version of the site

      • SCF Play - Child of the main page on which to play

Although this tutorial does not delve into language copies, it is designed so the root page may implement detection of the preferred language for the user through the HTML header, and redirect to the appropriate main page for the language. The convention is to use the two-letter country code for the node name of the page, e.g., “en” for English, “fr” for French, and so on.

Create First Pages create-first-pages

Now that there is a page template, we can establish the root page of the website in the /content directory.

  1. The standard UI currently provides blueprints for creating sites. As this tutorial is creating a simple site, the classic UI is useful.

    To switch to the classic UI, select global navigation and hover over the right side of the Projects icon. Select the Switch to Classic UI icon which appears:

    chlimage_1-36

    The ability to switch to the classic UI must be enabled by an administrator.

  2. From the classic UI Welcome page, select Websites.

    chlimage_1-37

    Alternatively, access the classic UI for Websites directly by browsing to /siteadmin.

  3. In the explorer pane, select Websites and then in the toolbar select New > New Page.

    In the Create Page dialog, enter the following:

    • Title: SCF Sandbox Site
    • Name: an-scf-sandbox
    • Select An SCF Sandbox Play Template
    • Click Create

    chlimage_1-38

  4. In the explorer pane, select the page you just created, /Websites/SCF Sandbox Site, and click New > New Page:

    • Title: SCF Sandbox
    • Name: en
    • Select An SCF Sandbox Play Template
    • Click Create

  5. In the explorer pane, select the page you just created, /Websites/SCF Sandbox Site/SCF Sandbox, and click New > New Page

    • Title: SCF Play
    • Name: play
    • Select An SCF Sandbox Play Template
    • Click Create

  6. This is how the website now appears in the Websites console. Notice that child pages of the item selected in the explorer pane are displayed in the right pane where they can be managed.

    chlimage_1-39

    This is the repository view of what was created using the Website tool and the template:

    chlimage_1-40

Add the Design Path add-the-design-path

When [/etc/designs/an-scf-sandbox](setup-website.md#setupthedesigntreeetcdesigns) was created using the designs section of the Tools console, the property ``

  • cq:template="/libs/wcm/core/templates/designpage"

was defined, which provides the optional ability to reference design assets in a script using currentDesign.getPath(). For example

  • <% String favIcon = currentDesign.getPath() + “/favicon.ico”; %>

    • Name: cq:designPath
    • Type: String
    • Value: /etc/designs/an-scf-sandbox

  • Click the green [+] Add

The respository should appear as follows:

chlimage_1-41

  • Click Save All

[ Trouble saving? Re-login! ]

NOTE
The use of cq:designPath is optional and is unrelated to the use of clientlibs, which are essentially required as the SCF components use clientlibs to manage their JS and CSS.
recommendation-more-help
5d37d7b0-a330-461b-814d-068612705ff6