Gerenciar páginas e modelos do catálogo de produtos product-catalog

Saiba como gerenciar páginas e modelos do catálogo de produtos.

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

No documento anterior da jornada de criação do Conteúdo do AEM e do Commerce, Introdução às noções básicas de criação do AEM CIF CIF, você aprendeu as noções básicas de criação do.

Este artigo se baseia nesses fundamentos.

Objetivo objective

Este documento ajuda você a entender como gerenciar páginas e modelos do catálogo de produtos. Depois de ler esse documento, você deverá:

  • entender os conceitos dos modelos de catálogo
  • como os modelos genéricos funcionam
  • criou um modelo individual

O conceito básico basic-concept

A loja Venia vem com uma experiência típica de catálogo de produtos com navegação, aterrissagem, categoria (PLP) e páginas de detalhes do produto (PDP).

AEM Páginas de catálogo são criadas dinamicamente usando um modelo de catálogo CIF e dados de produto em tempo real que são buscados no endpoint de comércio, quando necessário. Cada catálogo tem um modelo genérico para páginas de produto e categoria.
estrutura do catálogo

O componente de navegação mostra as páginas de conteúdo e catálogo. É possível mostrar a landing page do catálogo ou as categorias de primeiro nível na navegação. Passar o mouse sobre uma categoria mostrará categorias de segundo nível como uma segunda linha.
navegação no catálogo

Clicar em uma categoria abre a página de categoria (ou a página de lista de produtos).

PLP

Clicar em um produto abre a página de detalhes do produto.

PLP

Os modelos templates

Modelos genéricos generic

O modelo de catálogo Venia genérico usa o componente principal da lista de produtos. Esse componente exibe a imagem da categoria, se disponível, e os produtos da categoria.
modelo de categoria

O modelo de produto genérico Venia usa o Componente principal de Detalhes do produto. Este componente exibe informações do produto para vários tipos de produtos e ações complementares ao carrinho.
modelo de produto

Editar Modelos edit-templates

Os modelos podem ser editados abrindo diretamente a página de modelo ou alternando para o modo de edição ao navegar em uma página de catálogo de produtos. Lembre-se de que alterar a página alterará o modelo e não apenas a página específica do produto/categoria.

Modelos de Categoria ou Produto Específicos specific

O CIF é compatível com vários modelos com apenas alguns cliques. Para criar outro modelo, selecione o modelo genérico na respectiva categoria e crie uma página usando a ação Criar.

criar página de modelo

Selecione o respectivo modelo de produto ou categoria.

criar seleção de modelo

Insira o título e crie a página.

criar entrada de modelo

Observe que agora você tem um template específico sob o genérico.

criar hierarquia de modelo

Abra o template. Ele se parece exatamente com o modelo de categoria genérico.

criar novo modelo

Adicione qualquer imagem na parte superior da página.

criar atualização de modelo

O modelo pode ser visualizado com qualquer categoria/produto. Abra Informações da Página e selecione Exibir com categoria/produto. Selecione o produto/categoria do seletor para obter uma visualização com este produto/categoria. Selecione a categoria Comprar a aparência para obter uma visualização do modelo atualizado.

criar modelo

Agora é necessário atribuir esse template à categoria específica. Abra as propriedades no menu Informações da página e alterne para a guia Comércio. Clique no ícone de pasta para selecionar a categoria Comprar a aparência no seletor de categorias. É possível atribuir várias categorias a um modelo e também incluir subcategorias ativando a caixa de seleção.

criar associação de modelo

Volte para a página inicial principal e clique na categoria Shop The Look para ver o modelo específico. Todas as outras categorias ainda usam o template genérico.

criar resultado do modelo

O mesmo fluxo de trabalho pode ser aplicado para criar modelos de produtos individuais.

O que vem a seguir what-is-next

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

  • entender os conceitos dos modelos de catálogo
  • como os modelos genéricos funcionam
  • criou um modelo individual

Desenvolva esse conhecimento e prossiga com sua jornada revisando a seguir o documento Gerenciar experiências de catálogo de produtos preparados, onde você aprenderá a trabalhar com dados de produto preparados e inicializações de AEM.

Recursos adicionais additional-resources

Embora seja recomendável seguir para a próxima parte da jornada revisando o documento Gerenciar experiências de catálogo de produtos em etapas, a seguir estão alguns recursos adicionais e opcionais que aprofundam alguns conceitos mencionados neste documento, mas não são necessários para continuar na jornada headless:

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