Modification de l’aspect (HBS)

Maintenant que les composants du système de commentaires personnalisé dans le répertoire de l’application (/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é.

Modification des scripts HBS

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) :

      <!--
       <<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) :

      <!--
       <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
       -->
    

• Sélectionnez Enregistrer tout

Répliquer une application personnalisée

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

Pour ce faire, procédez comme suit :

• À partir du menu principal

  • Sélectionner Outils > Opérations > Réplication.
  • Sélectionner Activer l’arborescence.
  • Définir Start Path to /apps/custom.
  • Désélectionner Modifié uniquement.
  • Sélectionner Activer bouton .

Afficher le commentaire modifié sur l’exemple de page publié

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 :

Exemple de module d’extension de commentaire

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

Obtenir le fichier

Ressources Business.Adobe.com

Personalized Communications Embedded Charts Responsive Forms Web Content Management Dynamic Forms Digital Signage