Alterar a aparência (HBS)

ATENÇÃO

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 (/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.

OBSERVAÇÃO

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

Modificar os scripts HBS

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):

      <!--
       <<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):

      <!--
       <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
       -->
      
  • Selecionar Salvar tudo

Replicar aplicativo personalizado

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

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

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

Obter arquivo

Nesta página