Altere a aparência

Modificar o script

O script comment.hbs é responsável pela criação do HTML geral para cada comentário.

Para não exibir o avatar ao lado de cada comentário publicado:

  1. Copiar comment.hbsde libspara apps

    1. Selecionar /libs/social/commons/components/hbs/comments/comment/comment.hbs
    2. Selecione Copiar
    3. Selecionar /apps/social/commons/components/hbs/comments/comment
    4. Selecione Colar
  2. Abra o comment.hbs sobreposto

    • Duplo clique no nó comment.hbs em /apps/social/commons/components/hbs/comments/comment folder
  3. Encontre as seguintes linhas e exclua-as ou comente-as:

  <aside class="scf-comment-author">
        <img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>

Exclua as linhas ou rode-as com <!-- e --> para comentá-las. Além disso, os caracteres 'xxx' estão sendo adicionados como um indicador visual de onde o avatar estaria.

   xxx
   <!-- do not display avatar with comment
    <aside class="scf-comment-author">
        <img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>

Replicar a sobreposição

Encaminhe o componente de comentários sobrepostos para a instância de publicação usando a Ferramenta de Replicação.

OBSERVAÇÃO

Uma forma mais robusta de replicação seria criar um pacote no Package Manager e ativá-lo. Um pacote pode ser exportado e arquivado.

Na navegação global, selecione Ferramentas > Implantação > Replicação e clique em Ativar árvore.

Para Caminho do Start, digite /apps/social/commons e selecione Ativar.

verify-content-template

Resultados da visualização

Se você fizer logon na instância de publicação como administrador, por exemplo, https://localhost:4503/crx/de como administrador/administrador, poderá verificar se os componentes sobrepostos estão lá.

Se você efetuar logout e login novamente como aaron.mcdonald@mailinator.com/password e atualizar a página, você observará que o comentário publicado não é mais exibido com um avatar, em vez disso, um simples 'xxx' é exibido.

create-template-component

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