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

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now