Saiba como gerenciar páginas e modelos de catálogo de produtos.
No documento anterior da jornada de criação Conteúdo e Comércio da AEM, Introdução às AEM noções básicas de criação da CIF, você aprendeu sobre a criação da CIF.
Este artigo tem por base esses fundamentos.
Este documento ajuda você a entender como gerenciar páginas e modelos de catálogo de produtos. Depois de ler, você deve:
A loja Venia vem com uma experiência típica de catálogo de produtos com navegação e landing page, categoria (PLP) e páginas detalhadas do produto (PDP).
As páginas de catálogo são criadas dinamicamente usando um modelo de catálogo da CIF AEM 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.
O componente de navegação mostra 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.
Clicar em uma categoria abrirá a página da categoria (ou a página da lista de produtos).
Clicar em um produto abrirá a página de detalhes do produto.
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.
O modelo de produto Venia genérico usa o Componente principal de detalhes do produto. Esse componente exibe informações do produto para vários tipos de produtos e ações de adicionar ao carrinho.
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.
A CIF é compatível com vários modelos com apenas alguns cliques. Para criar outro template, selecione o template genérico da respectiva categoria e crie uma nova página usando o Criar ação.
Selecione o respectivo produto ou modelo de categoria.
Insira o título e crie a página.
Observe que você agora tem um template específico no genérico .
Abra o modelo . É exatamente como o template de categoria genérico.
Adicione qualquer imagem na parte superior da página.
O template pode ser visualizado com qualquer categoria/produto. Abrir Informações da página e depois selecione Exibir com categoria/produto. Selecione o produto/categoria no seletor para obter uma visualização com este produto/categoria. Selecionar Compre a aparência categoria para obter uma visualização do modelo atualizado.
Agora, precisamos atribuir esse template à categoria específica. Abra as propriedades na Informações da página e alterne para a guia commerce . Clique no ícone de pasta para selecionar a variável Compre a aparência categoria do seletor de categorias. É possível atribuir várias categorias a um modelo e também incluir subcategorias ao ativar a caixa de seleção.
Volte para a página inicial principal e clique em Compre a aparência categoria para ver o modelo específico. Todas as outras categorias ainda usam o template genérico .
O mesmo fluxo de trabalho pode ser aplicado para criar modelos de produto individuais.
Agora que você concluiu esta parte da jornada, deve:
Aproveite esse conhecimento e continue sua jornada revisando o documento em seguida Gerenciar experiências de catálogo de produtos preparados, onde você aprenderá a trabalhar com dados de produtos preparados e AEM inicializações.
Embora seja recomendável seguir para a próxima parte da jornada revisando o documento Gerenciar experiências de catálogo de produtos preparados, a seguir estão alguns recursos adicionais e opcionais que aprofundam alguns conceitos mencionados neste documento, mas não é necessário que eles continuem na jornada sem periféricos: