Test des composants principaux dans We.Retail trying-out-core-components-in-we-retail

Démarrez Adobe Experience Manager (AEM) avec l’exemple de contenu We.Retail et ouvrez la console Composants.

Navigation globale > Outils > Composants

En ouvrant le rail dans la console Composants, vous pouvez filtrer un groupe de composants particulier. Les composants principaux se trouvent dans

• .core-wcm : composants principaux standard
• .core-wcm-form : composants principaux d’envoi de formulaire

Choisissez .core-wcm.

Tous les composants principaux sont nommés  v1, ce qui indique qu’il s’agit de la première version de ce composant principal. Des versions régulières seront publiées à l’avenir. Elles seront compatibles avec la version d’AEM et vous permettront une mise à niveau facile afin de profiter des dernières fonctionnalités.

Cliquez sur Texte (v1).

Veillez à ce que le Type de ressource du composant soit /apps/core/wcm/components/text/v1/text. Les composants principaux sont disponibles sous /apps/core/wcm/components et versionnés par composant.

Cliquez sur l’onglet Documentation afin d’afficher la documentation du développeur ou de la développeuse pour le composant.

Revenez à la console Composants. Filtrez pour le groupe We.Retail et sélectionnez le composant Texte.

Vérifiez que le Type de ressource pointe comme prévu vers un composant sous /apps/weretail, mais que le Type de super-ressource repointe vers le composant principal /apps/core/wcm/components/text/v1/text.

Cliquez sur l’onglet Utilisation en direct pour voir les pages sur lesquelles ce composant est actuellement utilisé. Cliquez sur la première page de remerciement pour modifier la page.

Sur la page de remerciement, sélectionnez le composant de texte et, dans le menu de modification du composant, cliquez sur l’icône Annuler l’héritage.

We.Retail possède une structure de site globalisée où le contenu est transmis des gabarits de langue aux Live Copies par le biais d’un mécanisme appelé l’héritage. Pour cette raison, l’héritage doit être annulé pour permettre à une personne de modifier manuellement le texte.

Cliquez sur Oui pour confirmer l’annulation.

Une fois que vous avez annulé l’héritage et sélectionné les composants de texte, bien d’autres options sont disponibles. Cliquez sur Modifier.

À présent, vous pouvez voir les options d’édition qui sont disponibles pour le composant de texte.

Dans le menu Informations sur la page, sélectionnez Modifier le modèle.

Dans l’éditeur de modèles de la page, cliquez sur l’icône Politique du composant Texte dans le Conteneur de disposition de la page.

Les composants principaux permettent à un créateur ou à une créatrice de modèles de configurer les propriétés disponibles pour les créateurs et créatrices de pages. Il s’agit notamment de fonctionnalités telles que les sources de collage autorisées, les options de mise en forme et les styles de paragraphe disponibles.

Ces boîtes de dialogue de conception sont disponibles pour de nombreux composants principaux et fonctionnent main dans la main avec l’éditeur de modèles. Une fois activés, ils sont disponibles pour le créateur ou la créatrice via les éditeurs de composant.