Trying out Core Components in We.Retail

Otsi
Experience Manager 6.3 Sites Arendamise kasutusjuhend

Sellel lehel

Kehtib järgmisele: Experience Manager 6.3 Sites

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

Vaatate praegu abisisu järgmise versiooni jaoks::

The core components are modern, flexible components featuring easy extensibility and allowing for simple integration into your projects. The core components have been built around several major design principles such as HTL, usability out-of-the-box, configurability, versioning, and extensibility. We.Retail has been built on core components.

Trying it out

  1. Start AEM with the We.Retail sample content and open the Components Console.

    Global Navigation -> Tools -> Components

  2. Opening the rail in the Components Console, you can filter for a particular component group. The core components can be found in

    • .core-wcm: The standard core components
    • .core-wcm-form: The form submission core components

    Choose .core-wcm.

    chlimage_1

  3. Note that all core components are named v1, reflecting that this is the first version of this core component. Regular versions will be released going forward, which will be version-compatible with AEM and allowing easy upgrading so you can take advantage of the latest features.

  4. Click Text (v1).

    See that the Resource Type of the component is /apps/core/wcm/components/text/v1/text. Core components are found under /apps/core/wcm/components and are versioned per component.

    chlimage_1

  5. Click on the Documentation tab to see the developer documentation for the component.

    chlimage_1

  6. Return to the Component Console. Filter for the group We.Retail and select the Text component.

  7. See that the Resource Type points to a component as expected under /apps/weretail but the Resource Super Type points back to the core component /apps/core/wcm/components/text/v1/text.

    chlimage_1

  8. Click the Live Usage tab to see on which pages this component is currently being used. Click the first Thank You page to edit the page.

    chlimage_1

  9. On the Thank You page, select the text component and in the edit menu of the component click the Cancel Inheritance icon.

    We.Retail has a globalized site structure where content is pushed from language masters to live copies through a mechanism called inheritance. For this reason, inheritance must be cancelled in order to allow a user to manually edit text.

    chlimage_1

  10. Confirm the cancellation by clicking Yes.

    chlimage_1

  11. Once the inheritance is cancelled and you select the text components, many more options are available. Click on Edit.

    chlimage_1

  12. You can now see what edit options are available to the text component.

    chlimage_1

  13. From the Page Information menu select Edit Template.

  14. In the Template Editor of the page, click on the Policy icon of the Text component in the Layout Container of the page.

    chlimage_1

  15. The core components allow a template author to configure which Properties are available to the page authors. These include features such as allowed paste sources, formatting options, available paragraph styles, etc.

    Such design dialogs are available for many core components and work hand-in-hand with the template editor. Once enabled, they are available to the author through the component editors.

    chlimage_1

Further Information

For further information on the core components, see the authoring document Core Components for an overview of the capabilities of the core components and the developer document Developing Core Components for a technical overview.

Also you may wish to further investigate editable templates. Refer to the authoring document Creating Page Templates or the developer document Page Templates - Editable for complete details on editable templates.