DocumentazioneAEM 6.4Guida di Communities

Modificare l’aspetto (HBS) alter-the-appearance-hbs

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Creato per:

  • User
CAUTION
AEM 6.4 ha raggiunto la fine del supporto esteso e questa documentazione non viene più aggiornata. Per maggiori dettagli, consulta la nostra periodi di assistenza tecnica. Trova le versioni supportate qui.

Ora che i componenti per il sistema di commento personalizzato nella directory dell'applicazione (https://experienceleague.adobe.com/apps?lang=it) sono in posizione, con una risorsaSuperType che fa riferimento al sistema di commento predefinito e il modello/vista personalizzato registrato, è possibile modificare l'implementazione.

Per una semplice dimostrazione, viene rimosso l’avatar visualizzato dall’utente che ha effettuato l’accesso e che ha pubblicato un commento.

NOTE
Per utilizzare l’estensione , l’istanza del sistema di commenti in un sito web interessato (https://experienceleague.adobe.com/content?lang=it) deve impostare il relativo resourceType come sistema di commenti personalizzato.

Modificare gli script HBS modify-the-hbs-scripts

Utilizzo CRXDE Lite:

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

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

      code language-none 
      <!--
 <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
 -->

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

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

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

  • Seleziona Salva tutto

Replicare l'app personalizzata replicate-custom-app

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

Un modo per farlo è

  • Dal menu principale

    • Seleziona Strumenti > Operazioni > Replica
    • Seleziona Activate Tree
    • Imposta Start Path: a /apps/custom
    • Deseleziona Only Modified
    • Seleziona Activate pulsante

Visualizza commento modificato sulla pagina di esempio pubblicata view-modified-comment-on-published-sample-page

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

chlimage_1-81

Pacchetto di estensione dei commenti di esempio sample-comment-extension-package

In allegato è presente un pacchetto dell’applicazione di commenti personalizzati creata in questa esercitazione.

Ottieni file

recommendation-more-help
5d37d7b0-a330-461b-814d-068612705ff6