Modification de l’aspect (HBS) alter-the-appearance-hbs

CAUTION
AEM 6.4 a atteint la fin de la prise en charge étendue et cette documentation n’est plus mise à jour. Pour plus d’informations, voir notre période de support technique. Rechercher les versions prises en charge here.

Maintenant que les composants du système de commentaires personnalisé dans le répertoire de l’application (https://experienceleague.adobe.com/apps?lang=fr) sont en place, avec un resourceSuperType référençant le système de commentaires par défaut et le modèle/affichage personnalisé enregistré, il est possible de modifier l’implémentation.

Pour une démonstration simple, l’avatar affiché pour l’utilisateur connecté qui publie un commentaire est supprimé.

NOTE
Pour utiliser l’extension , l’instance du système de commentaires d’un site web à affecter (https://experienceleague.adobe.com/content?lang=fr) doit définir son resourceType comme système de commentaires personnalisé.

Modification des scripts HBS modify-the-hbs-scripts

Utilisation CRXDE Lite:

  • Ouvrir /apps/custom/components/comments/comment/comment.hbs

    • Commentez la balise qui contient l’avatar d’une publication de commentaire (~ ligne 21) :

      code language-none
      <!--
       <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
       -->
      
  • Ouvrir /apps/custom/components/comments/comments.hbs

    • Mettez en commentaire la balise qui contient l’avatar pour la prochaine entrée de commentaire (~ ligne 44) :

      code language-none
      <!--
       <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
       -->
      
  • Sélectionnez Enregistrer tout

Répliquer une application personnalisée replicate-custom-app

Une fois l’application modifiée, il est nécessaire de répliquer à nouveau le composant personnalisé.

Pour ce faire, une méthode consiste à

  • À partir du menu principal

    • Sélectionner Outils > Opérations > Réplication
    • Sélectionner Activate Tree
    • Définir Start Path: to /apps/custom
    • Décocher Only Modified
    • Sélectionner Activate button

Afficher le commentaire modifié sur l’exemple de page publié view-modified-comment-on-published-sample-page

Continuer l’expérience sur l’instance de publication, toujours connecté en tant que même utilisateur, il est désormais possible d’actualiser la page dans l’environnement de publication pour afficher la modification afin de supprimer l’avatar :

chlimage_1-81

Exemple de module d’extension de commentaire sample-comment-extension-package

Vous trouverez ci-joint un package de l’application de commentaires personnalisés créée dans ce tutoriel.

Obtenir le fichier

recommendation-more-help
5d37d7b0-a330-461b-814d-068612705ff6