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

Utilizzando CRXDE Lite:

  • Aprire /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>
         -->
      
  • Aprire /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>
         -->
      
  • Selezionare 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.
    • Selezionare Attiva albero.
    • Impostare Start Path su /apps/custom.
    • Deselezionare Solo modificate.
    • Selezionare il pulsante Activate.

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:

view-modified-content

Pacchetto di estensioni di commenti di esempio

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

Ottieni file

In questa pagina