Show Menu
SUJETS×

Test des composants principaux dans We.Retail

Les composants principaux sont des composants souples et modernes offrant une grande facilité d’extensibilité et permettant une intégration aisée dans vos projets. Plusieurs principes de conception majeurs ont présidé à l’élaboration des composants principaux : HTL, composants utillisables immédiatement, configurabilité, contrôle de version, extensibilité… We.Retail repose sur des composants principaux.

Test

  1. Démarrez AEM avec l’échantillon de contenu We.Retail, puis ouvrez la Console Composants .
    Navigation globale -> Outils -> Composants
  2. L’ouverture du rail dans la console Composants vous permet de filtrer un groupe de composants spécifiques. Les composants principaux sont disponibles aux emplacements suivants :
    • .core-wcm : Composants principaux standard
    • .core-wcm-form : Composants principaux d’envoi de formulaire Choose .core-wcm .
  3. Notez que tous les composants principaux sont nommés v1 pour indiquer qu’il s’agit de la première version. Des versions seront publiées régulièrement. Elles seront compatibles avec la version d’AEM et permettront une mise à niveau aisée, de sorte que vous puissiez tirer parti des fonctionnalités les plus récentes.
  4. Cliquez sur Texte (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.
  5. Cliquez sur l’onglet Documentation afin d’afficher la documentation du développeur pour le composant.
  6. Revenez à la console de composants. Effectuez un filtrage sur le groupe We.Retail et sélectionnez ensuite le composant Texte .
  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 .
  8. Click the Live Usage tab to see on which pages this component is currently being used. Cliquez sur la première page de remerciement pour modifier la page.
  9. Sur la page de remerciement, sélectionnez le composant de texte puis, dans le menu d’édition du composant, cliquez sur l’icône Annuler l’héritage.
    We.Retail présente une structure de site globalisée dans laquelle le contenu est envoyé à partir de gabarits de langue vers des copies en direct au moyen d’un mécanisme connu sous le nom d’héritage . C’est la raison pour laquelle l’héritage doit être annulé afin d’autoriser un utilisateur à modifier manuellement du texte.
  10. Cliquez sur Oui pour confirmer l’annulation.
  11. 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 .
  12. À présent, vous pouvez voir les options d’édition qui sont disponibles pour le composant de texte.
  13. Dans le menu Informations sur la page , sélectionnez Éditer le modèle .
  14. Dans l’éditeur de modèles de la page, cliquez sur l’icône Stratégie du composant de texte dans le Conteneur de mises en page de la page.
  15. Les composants principaux permettent à un auteur de modèles de configurer les propriétés mises à la disposition des auteurs de pages. Il s’agit notamment de fonctions telles que les sources de collage autorisées, les options de mise en forme, les styles de paragraphe disponibles, etc.
    Ces boîtes de dialogue de conception sont disponibles pour de nombreux composants principaux et fonctionnent de concert avec l’éditeur de modèles. Une fois activées, elles sont mises à la disposition de l’auteur par le biais des éditeurs de composants.

Informations supplémentaires

Pour plus d’informations sur les composants principaux, consultez le document de création Composants principaux , afin d’obtenir un aperçu des fonctionnalités des composants principaux, et le document de développement Développement de composants principaux pour une présentation technique.
Vous pouvez également effectuer des recherches approfondies sur les modèles modifiables . Refer to the authoring document Creating Page Templates or the developer document Page Templates - Editable for complete details on editable templates.