Alterar a aparência (HBS) alter-the-appearance-hbs
Agora que os componentes do sistema de comentários personalizado no diretório de aplicativos (https://experienceleague.adobe.com/apps?lang=pt-BR) estão em vigor, com um resourceSuperType fazendo referência ao sistema de comentários padrão e o Modelo/Exibição personalizado registrado, você pode editar a implementação.
Para uma demonstração simples, um recurso visual, o avatar mostrado do usuário conectado que publica um comentário, é removido.
Modificar os scripts HBS modify-the-hbs-scripts
Usando CRXDE Lite:
-
Abrir /apps/custom/components/comments/comment/comment.hbs
-
Comente a tag que inclui o avatar em uma postagem de comentário (~ linha 21):
code language-none <!-- <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img> -->
-
-
Abrir /apps/custom/components/comments/comments.hbs
-
Comente a tag que inclui o avatar na próxima entrada de comentário (~ linha 44):
code language-none <!-- <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img> -->
-
-
Selecione Salvar tudo
Replicar aplicativo personalizado replicate-custom-app
Após a modificação do aplicativo, é necessário replicar novamente o componente personalizado.
Uma maneira de fazer isso é:
-
No menu principal
- Selecione Ferramentas > Operações > Replicação.
- Selecione Ativar árvore.
- Defina
Start Pathcomo/apps/custom. - Desmarque Somente modificados.
- Selecione o botão Ativar.
Exibir comentário modificado na página de exemplo publicada view-modified-comment-on-published-sample-page
Continuando a experiência na instância de publicação, ainda conectada como o mesmo usuário, agora é possível atualizar a página no ambiente de publicação para exibir a modificação para remover o avatar:
Exemplo de pacote de extensão de comentário sample-comment-extension-package
Anexado está um pacote do aplicativo de comentários personalizados criado neste tutorial.