Experimentar os Componentes principais no We.Retail trying-out-core-components-in-we-retail

Inicie o Adobe Experience Manager (AEM) com o conteúdo de amostra We.Retail e abra o Console de Componentes.

Navegação Global > Ferramentas > Componentes

Ao abrir o painel no console Componentes, você pode filtrar por um grupo de componentes específico. Os componentes principais podem ser encontrados em

• .core-wcm: os componentes principais padrão
• .core-wcm-form: os componentes principais de envio de formulário

Escolha .core-wcm.

Todos os componentes principais são nomeados como v1, refletindo que esta é a primeira versão deste componente principal. As versões regulares serão lançadas a partir de agora, que serão compatíveis com a versão do AEM e permitirão uma atualização fácil para que você possa aproveitar os recursos mais recentes.

Clique em Texto (v1).

Veja se o Tipo de Recurso do componente é /apps/core/wcm/components/text/v1/text. Os componentes principais são encontrados em /apps/core/wcm/components e sua versão é feita por componente.

Clique na guia Documentação para ver a documentação do desenvolvedor do componente.

Retorne ao console Componentes. Filtre o grupo We.Retail e selecione o componente Text.

Veja se o Tipo de Recurso aponta para um componente como esperado em /apps/weretail, mas o Supertipo de Recurso aponta de volta para o componente principal /apps/core/wcm/components/text/v1/text.

Clique na guia Uso em tempo real para ver em quais páginas este componente está sendo usado. Clique na primeira página Obrigado para editar a página.

Na página Obrigado, selecione o componente de texto e, no menu de edição do componente, clique no ícone Cancelar herança.

We.Retail tem uma estrutura de site globalizada onde o conteúdo é enviado por push dos mestres de idioma para live copies por um mecanismo chamado herança. Por esse motivo, a herança deve ser cancelada para permitir que um usuário edite o texto manualmente.

Confirme o cancelamento clicando em Sim.

Quando a herança for cancelada e você selecionar os componentes de texto, muitas outras opções estarão disponíveis. Clique em Editar.

Agora você pode ver quais opções de edição estão disponíveis para o componente de texto.

No menu Informações da página, selecione Editar modelo.

No Editor de Modelo da página, clique no ícone Política do componente Texto no Contêiner de Layout da página.

Os componentes principais permitem que um autor do modelo configure quais Propriedades estão disponíveis para os autores da página. Isso inclui recursos como fontes de colagem permitidas, opções de formatação e estilos de parágrafo disponíveis.

Essas caixas de diálogo de design estão disponíveis para muitos componentes principais e funcionam lado a lado com o editor de modelo. Depois de ativadas, elas ficam disponíveis para o autor por meio dos editores de componentes.