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.

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 seu resourceType como 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 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 Path como /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:

exibir-conteúdo-modificado

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.

Obter arquivo

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