Tester les 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 des 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 utilisent le nom v1 pour indiquer la première version de chaque composant. Il est prévu que des versions régulières soient publiées à l’avenir. Celles-ci sont compatibles avec AEM et permettent une mise à niveau facile pour que vous puissiez tirer parti 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 l’We.Retail du groupe 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 dispose d’une structure de site globalisée où le contenu est transmis du site de langue principale aux ​ Live Copies par le biais d’un mécanisme appelé héritage. Pour cette raison, l’héritage doit être annulé pour permettre à l’utilisateur 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. Ces propriétés incluent des 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.