DocumentaçãoAEM 6.4Guia do Communities

Alterar a aparência (HBS) alter-the-appearance-hbs

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

Criado para:

  • User
CAUTION
AEM 6.4 chegou ao fim do suporte estendido e esta documentação não é mais atualizada. Para obter mais detalhes, consulte nossa períodos de assistência técnica. Encontre as versões compatíveis here.

Agora que os componentes do sistema de comentários personalizado no diretório do aplicativo (https://experienceleague.adobe.com/apps?lang=pt-BR) estão em vigor, com um resourceSuperType referenciando o sistema de comentários padrão e o Modelo/Exibição personalizado registrado, é possível modificar a implementação.

Para uma demonstração simples, um recurso visual, o avatar mostrado do usuário conectado que publica um comentário, é removido.

NOTE
Para usar a extensão, a instância do sistema de comentários em um site a ser afetado (https://experienceleague.adobe.com/content?lang=pt-BR) deve definir resourceType para ser o sistema de comentários personalizado.

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 de 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 da próxima entrada de comentário (~ linha 44):

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

  • Selecionar 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

    • Selecionar Ferramentas > Operações > Replicação
    • Selecionar Activate Tree
    • Definir Start Path: para /apps/custom
    • Desmarcar Only Modified
    • Selecionar Activate botão

Exibir Comentário Modificado na Página de Amostra Publicada view-modified-comment-on-published-sample-page

Continuar a experiência na instância de publicação, ainda conectado como o mesmo usuário, agora é possível atualizar a página no ambiente de publicação para exibir a modificação e remover o avatar:

chlimage_1-81

Pacote de extensão de comentário de amostra sample-comment-extension-package

Anexado há um pacote de comentários personalizados criados neste tutorial.

Obter arquivo

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