AEM Introdução à criação do CIF getting-started

Saiba mais sobre a criação do CIF no Adobe Experience Manager (AEM).

A história até agora story-so-far

No documento anterior deste Conteúdo de AEM e jornada do Commerce, Saiba mais sobre o Conteúdo de AEM e o Commerce AEM, você aprendeu a teoria básica e os conceitos de CMS headless e Conteúdo de e Commerce.

Este artigo se baseia nesses fundamentos.

Objetivo objective

Este documento ajuda você a entender como usar o CIF para criação específica de conteúdo e Commerce. Depois de ler, você deverá:

  • Entenda os conceitos de criação de CIF usando o Editor de páginas no AEM
  • Como acessar dados do catálogo de produtos no AEM usando seletores de produto e categoria
  • Como acessar dados de conteúdo e comércio usando o cockpit do produto e o AEM Omnisearch

Criação de CIF no Editor de páginas do AEM cif-authoring

O CIF estende o Editor de páginas no AEM com recursos para acessar os dados do produto em tempo real sem sair do contexto:

Abra o painel lateral e selecione "Produtos" na lista suspensa.
Selecionar tipo de produto

Você pode navegar pelo catálogo de produtos ou usar o campo de pesquisa de texto completo para localizar produtos.
tipo de produto

Os produtos podem ser soltos em componentes que oferecem suporte a quedas de produtos (por exemplo, teaser de produto, carrossel de produto) diretamente na página que cria automaticamente um componente de teaser de produto.

Seletores de categoria e produto pickers

Se os dados de produto e categoria forem necessários em componentes de comércio ou diálogos de back-office do AEM, os autores do AEM poderão usar seletores que são elementos da interface do usuário para pesquisar e selecionar confortavelmente os dados do catálogo de produtos.

Seletor de produtos

Clicar no ícone de pasta abre a interface modal do seletor (por exemplo, teaser de produto)
seletor de produtos

Os produtos podem ser encontrados navegando pela estrutura do catálogo à esquerda ou pesquisando. A pesquisa de texto completo respeita a categoria selecionada e limita os resultados da pesquisa a essa categoria.
pasta do seletor de produtos

Os produtos com variações são marcados com um ícone de pasta que pode ser clicado para mostrar todas as variações.
variantes de seletor de produto
grades do seletor de produtos abertas

Seletor de Categoria

Funciona como um seletor de produtos. Clicar no ícone de pasta abre a interface modal do seletor (por exemplo, carrossel de categorias)
seletor de categoria

Navegue pela estrutura do catálogo à esquerda e selecione a categoria.
seletor de categoria

Cockpit do produto cockpit

O cockpit do produto é um local central para acessar rapidamente o catálogo de produtos com todo o conteúdo enriquecido. Você aprenderá em um dos próximos módulos a enriquecer dados do produto com conteúdo. Por enquanto, vamos nos concentrar no acesso aos dados do produto.

No menu principal, clique em commerce para ver uma lista de todos os catálogos de produtos anexados.
item de menu de comércio

Isso mostra uma lista de todos os catálogos de produtos conectados.
catálogos integrados da ferramenta cockpit

O catálogo de produtos mostra, por padrão, todas as categorias de primeiro nível com todos os produtos. Clicar em uma categoria abre essa categoria com todos os produtos e subcategorias relacionados, incluindo seus produtos.
catálogo de produtos da ferramenta cockpit

Você pode abrir as propriedades do produto clicando no ícone de propriedade. O ícone é exibido ao passar o mouse sobre um bloco de produto.
propriedades do produto cockpit

Todas as propriedades do produto são somente leitura porque os dados são carregados em tempo real do back-end conectado. A alteração das propriedades do produto deve ser feita no sistema de back-end, que é o sistema de registro. A guia Variantes será exibida somente se o produto tiver variações. Clicar na guia exibe todas as variações com seus atributos.
variantes de produtos da ferramenta cockpit

As guias restantes mostram todo o conteúdo de AEM associado ao produto. Essas guias são discutidas em um dos módulos a seguir.

AEM Omnisearch omnisearch

Usar o Omnisearch é uma maneira fácil de encontrar conteúdo AEM usando a pesquisa de texto completo. O CIF amplia o Omnisearch com a pesquisa em texto completo de catálogos de produtos com seu conteúdo AEM associado.
item de menu de comércio

O Omnisearch executa uma pesquisa de texto completo no back-end de comércio para encontrar todos os produtos relacionados. O resultado está listado em Exibir Todos os Produtos. O Omnisearch também pesquisa no AEM o conteúdo associado ao produto pesquisado. Os resultados estão listados nas respectivas categorias de AEM. Neste exemplo, um fragmento de conteúdo está relacionado ao produto.

O que vem a seguir what-is-next

Agora que concluiu esta parte da jornada, você deve:

  • Entenda os conceitos de criação de CIF usando o Editor de páginas
  • Como acessar o catálogo de produtos no AEM usando seletores de produto e categoria
  • Como acessar dados de conteúdo e comércio usando o cockpit do produto e o AEM Omnisearch

Desenvolva esse conhecimento e prossiga com sua jornada revisando a seguir o documento Gerenciar páginas e modelos do catálogo de produtos, onde você aprenderá a criar e personalizar sua primeira experiência com o catálogo de produtos.

Recursos adicionais additional-resources

Embora seja recomendável seguir para a próxima parte da jornada -Gerenciar páginas e modelos do catálogo de produtos - os recursos opcionais a seguir fornecerão uma melhor explicação dos conceitos mencionados aqui. No entanto, esses recursos opcionais não são necessários para continuar na jornada.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab