Alterar a aparência (HBS)

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/Visualização personalizado registrado, é possível modificar a implementação.

Para uma demonstração simples, um recurso visual, o avatar mostrado pelo 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 como o sistema de comentários personalizado.

Modificar os scripts HBS

Usando CRXDE Lite:

  • Abra /apps/custom/components/comments/comment/comment.hbs

    • Comente a tag que inclui o avatar para uma postagem de comentário (~ linha 21):

        <!--
         <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
         -->
      
  • Abra /apps/custom/components/comments/comments.hbs

    • Comente a tag que inclui o avatar para a próxima entrada de comentário (~ linha 44):

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

Replicar aplicativo personalizado

Após a modificação do aplicativo, é necessário rereplicar 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 Modificado.
    • Selecione o botão Ativar.

Comentário modificado da visualização na página de amostra publicada

Continuando 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 visualização da modificação para remover o avatar:

visualização modificada-content

Pacote de extensão de comentário de amostra

Anexado é um pacote do aplicativo de comentários personalizado criado neste tutorial.

Obter arquivo

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now