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

Ora che i componenti per il sistema di commenti personalizzato nella directory dell’applicazione (https://experienceleague.adobe.com/apps?lang=it) sono presenti, con una risorsa SuperType che fa riferimento al sistema di commenti predefinito e con il modello/vista personalizzato registrato, puoi modificare l’implementazione.

Per una semplice dimostrazione, una funzione visiva, l’avatar mostrato dall’utente connesso che pubblica un commento, viene rimossa.

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 resourceType come sistema di commenti personalizzato.

Modificare gli script HBS modify-the-hbs-scripts

Utilizzo di CRXDE Liti:

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

    • Commenta il tag che include l'avatar per un post di 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

    • Commenta il 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

Replica app personalizzata replicate-custom-app

Dopo la modifica dell’applicazione, è necessario replicare nuovamente il componente personalizzato.

Un modo per farlo è:

  • Dal menu principale

    • Selezionare Strumenti > Operazioni > Replica.
    • Selezionare Attiva albero.
    • Imposta Start Path su /apps/custom.
    • Deseleziona Solo Modificato.
    • Selezionare il pulsante Attiva.

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

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

view-modified-content

Pacchetto estensione commento di esempio sample-comment-extension-package

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

Ottieni file

recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791