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

REMARQUE

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

Modification des scripts HBS

Utilisation de CRXDE Lite :

  • Ouvrez /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>
         -->
      
  • Ouvrez /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 l’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électionnez Outils > Opérations > Réplication.
    • Sélectionnez Activer l’arborescence.
    • Définissez Start Path sur /apps/custom.
    • Désélectionnez Uniquement Modifié.
    • Sélectionnez le bouton Activer .

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

En poursuivant l’ expérience sur l’instance de publication, toujours connecté en tant qu’utilisateur identique, il est désormais possible d’actualiser la page dans l’environnement de publication pour afficher la modification afin de supprimer l’avatar :

view-modified-content

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

Sur cette page