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.
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:
Pacchetto estensione commento di esempio sample-comment-extension-package
In allegato è presente un pacchetto dell’applicazione per commenti personalizzati creata in questa esercitazione.