Modifica dell'aspetto (HBS)

Ora che i componenti per il sistema di commenti personalizzati nella directory dell'applicazione (/apps?lang=it) sono già presenti, con un resourceSuperType che fa riferimento al sistema di commenti predefinito e il modello/vista personalizzato registrato, è possibile modificare l'implementazione.

Per una semplice dimostrazione, viene rimossa una funzione visiva, l’avatar mostrato dall’utente che ha effettuato l’accesso e che ha pubblicato un commento.

Nota

Per utilizzare l’estensione, l’istanza del sistema di commenti in un sito Web da influenzare (/content?lang=it) deve impostare resourceType come sistema di commenti personalizzato.

Modificare gli script HBS

Utilizzo di CRXDE Lite:

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

    • Aggiungete un commento al tag che include l'avatar per un post di commento (~ riga 21):

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

    • Aggiungete un commento al tag che include l'avatar per la voce di commento successiva (~ riga 44):

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

Replica app personalizzata

Dopo che l’applicazione è stata modificata, è necessario replicare nuovamente il componente personalizzato.

Un modo per farlo è

  • Dal menu principale

    • Selezionare Strumenti > Operazioni > Replica
    • Seleziona Activate Tree
    • Set Start Path: to /apps/custom
    • Deseleziona Only Modified
    • Seleziona Activate , pulsante

Visualizza commento modificato sulla pagina di esempio pubblicata

Continuando l’esperienza nell’istanza di pubblicazione, ancora con accesso come lo stesso utente, è ora possibile aggiornare la pagina nell’ambiente di pubblicazione per visualizzare la modifica per rimuovere l’avatar:

chlimage_1-81

Esempio di pacchetto di estensione dei commenti

Allegato è un pacchetto dell'applicazione di commenti personalizzata creata in questa esercitazione.

Ottieni file

In questa pagina