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

Les composants principaux sont des composants modernes et flexibles qui offrent une extensibilité facile et permettent une intégration simple à vos projets. Les composants principaux ont été créés selon plusieurs principes de conception majeurs tels que HTL, la convivialité prête à l’emploi, la configurabilité, le contrôle de version et l’extensibilité. We.Retail a été développé sur des composants principaux.

Essayer de le faire trying-it-out

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

    Navigation globale > Outils > Composants

  2. 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.

    chlimage_1-162

  3. 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, qui seront compatibles avec AEM version et vous permettront de mettre à niveau facilement afin de profiter des dernières fonctionnalités.

  4. 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.

    chlimage_1-163

  5. Cliquez sur le bouton Documentation pour afficher la documentation destinée aux développeurs du composant.

    chlimage_1-164

  6. Revenez à la console de composants. Filtre pour le groupe We.Retail et sélectionnez la variable Texte composant.

  7. 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.

    chlimage_1-165

  8. Cliquez sur le bouton Utilisation en direct pour voir sur quelles pages ce composant est utilisé. Cliquez sur la première page de remerciement pour modifier la page.

    chlimage_1-166

  9. 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 à Live Copies par le biais d’un mécanisme appelé héritage. Pour cette raison, l’héritage doit être annulé pour permettre à un utilisateur de modifier manuellement le texte.

    chlimage_1-167

  10. Cliquez sur Oui pour confirmer l’annulation.

    chlimage_1-168

  11. Une fois l’héritage annulé et que vous sélectionnez les composants de texte, de nombreuses autres options sont disponibles. Cliquez sur Modifier.

    chlimage_1-169

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

    chlimage_1-170

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

  14. Dans l’éditeur de modèles de la page, cliquez sur le bouton Stratégie de l’icône du composant Texte dans la Conteneur de mises en page de la page.

    chlimage_1-171

  15. Les composants principaux permettent à un auteur de modèles de configurer les propriétés disponibles pour les auteurs 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 l’auteur via les éditeurs de composant.

    chlimage_1-172

Informations supplémentaires further-information

Pour plus d’informations sur les composants principaux, voir le document de création Composants principaux pour une présentation des fonctionnalités des composants principaux et du document destiné aux développeurs Développement des composants principaux pour une présentation technique.

Vous pouvez également effectuer des recherches approfondies sur les modèles modifiables. Reportez-vous au document Création de modèles de page ou à la page de documentation de développement Modèles – Modifiables pour obtenir des informations complètes sur les modèles modifiables.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2