Administração de comércio eletrônico genérico administering-generic-ecommerce
A solução genérica Adobe Experience Manager (AEM) fornece métodos de gerenciamento das informações comerciais mantidas no repositório (em vez de usar um mecanismo de comércio eletrônico externo). Isso inclui:
Produtos e variações de produtos products-and-product-variations
Antes de criar produtos, defina um scaffold. Isso especifica os campos que você deve definir, os produtos e como eles são editados.
É necessário um scaffold para cada tipo de produto distinto. O suporte apropriado está associado aos produtos por meio de:
- caminho
- o produto pode fazer referência ao scaffold
/etc/scaffolding/geometrixx-outdoors
/etc/commerce/products/geometrixx-outdoors
Importando produtos importing-products
Importação de produtos - Interface otimizada para toque importing-products-touch-optimized-ui
-
Navegue até o console Produtos, via Commerce.
-
Usando o console Produtos, navegue até o local necessário.
-
Use o ícone Importar Produtos para abrir o assistente.
-
Especifique:
-
Importador
O importador para o provedor de comércio específico, por padrão
Geometrixx
. -
Origem
O arquivo que você deseja importar; você pode usar o navegador para selecionar um arquivo.
-
Importação incremental
Indique se é uma importação incremental (em vez de completa).
note note NOTE A importação incremental (do importador geometrixx-outdoor da amostra) opera ao nível do produto. Um importador personalizado pode ser definido para operar conforme necessário. -
-
Selecione Avançar para importar os produtos; será mostrado um log das ações realizadas.
note note NOTE Os produtos são importados para o local atual ou são relativos a ele. note note NOTE O uso repetido de Próximo e Voltar importa repetidamente as definições de produto. No entanto, como eles têm os mesmos SKUs, as informações existentes no repositório são substituídas. -
Selecione Concluído para fechar o assistente.
Importação de produtos - Interface clássica importing-products-classic-ui
-
Usando o console Ferramentas, abra a pasta Commerce.
-
Clique duas vezes para abrir o Importador de Produtos:
-
Especifique:
-
Nome do Repositório
Os produtos são importados para:
/etc/commerce/products/<*store name*>/
-
Provedor do Commerce
O importador do seu provedor de comércio; por padrão, Geometrixx.
-
Arquivo Source
O local no repositório do arquivo que você deseja importar.
-
Importação incremental
Indique se é uma importação incremental (em vez de completa).
-
-
Clique em Importar produtos.
Criação de informações do produto creating-product-information
Criação de informações do produto - Interface otimizada para toque creating-product-information-touch-optimized-ui
-
Usando o console Produtos (via Commerce), navegue até o local necessário.
-
Use o ícone Criar para selecionar (dependendo da estrutura e do local):
- Criar produto
- Criar Variação de Produto
-
O assistente é aberto. Use as Guias Básicas e Guias de Produto para inserir os atributos de produto para o novo produto ou variante de produto.
note note NOTE Título e SKU são o mínimo necessário para criar um produto ou uma variante. -
Selecione Criar para salvar as informações.
Edição de informações do produto editing-product-information
/etc/commerce/products/...
Edição de informações do produto - Interface otimizada para toque editing-product-information-touch-optimized-ui
-
Usando o console Produtos (via Commerce), navegue até as informações do produto.
-
Usando:
Selecione o ícone Exibir dados do produto:
-
Os atributos do produto são mostrados. Use Editar e Concluído para fazer alterações.
Mostrando referências do produto showing-product-references
Exibição de referências de produto - Interface otimizada para toque showing-product-references-touch-optimized-ui
-
Usando o console Produtos (via Commerce), navegue até as informações do produto.
-
Abra o painel secundário para Referências com o ícone:
-
Selecione o produto desejado - as atualizações do painel secundário mostrando os tipos de referência disponíveis:
-
Clique no tipo de referência (por exemplo, Páginas de produto) para expandir a lista.
-
Selecione uma referência específica para poder mostrar as opções:
- Navegar até a página do produto
- Editar página do produto
Pesquisar por produtos search-for-products
-
Navegue até o console Produtos, via Commerce.
-
Abra o painel secundário para Pesquisar com o ícone:
-
Várias facetas estão disponíveis para você pesquisar por produtos. Você pode usar apenas uma ou várias facetas para uma pesquisa. Os produtos encontrados aparecem:
-
Clicar/tocar em um produto o abre. Você também pode publicá-los ou visualizar os dados do produto.
Extensão da pesquisa extending-search
Você pode modificar uma faceta existente ou adicionar novas, usando o CRXDE Lite:
-
Vá até:
http://localhost:4502/crx/de/index.jsp#/libs/commerce/gui/content/products/aside/items/search/items/searchpanel/facets
-
É possível editar, por exemplo, os tamanhos exibidos na página de pesquisa do produto. Clique no nó
sizegroup
. -
Clique no nó
items
e depois clique no nópropertypredicate
. -
Você pode editar o
propertyValues
. Por exemplo, você pode adicionar XS ou XXL, ou remover um tamanho. -
Clique em Salvar tudo e navegue até a página de pesquisa de produtos. As alterações devem ser exibidas.
Vários Assets multiple-assets
É possível adicionar vários ativos no componente do produto e especificar o ativo que você deseja que apareça na página do produto.
Adição de vários Assets adding-multiple-assets
-
Navegue até o console Produtos, via Commerce.
-
Usando o console Produtos, navegue até o produto necessário.
note note NOTE Você deve estar no nível do produto, não no nível da variante. -
Selecione o ícone Exibir Dados do Produto com o modo de seleção ou ações rápidas.
-
Selecione o ícone Edit.
-
Role para Adicionar.
-
Selecione Adicionar. Um novo espaço reservado de ativo é exibido.
-
Selecionar Alterar abre uma caixa de diálogo que permite escolher um ativo.
-
Selecione o ativo que deseja adicionar.
note note NOTE Os ativos que você pode selecionar são do Assets. -
Selecione o ícone Concluído.
Dois ativos agora são armazenados no componente do produto. Você pode configurar qual aparece na página do produto. Funciona com um sistema de categorias. Primeiro, é necessário adicionar uma categoria aos ativos individuais:
-
Selecione Exibir Dados Do Produto.
-
Digite uma Categoria de ativos sob os ativos, por exemplo,
cat1
ecat2
.note note NOTE Também é possível usar tags para categorias. -
Selecione o ícone Concluído. Agora você precisa implantar suas alterações.
Agora, seus ativos no componente do produto têm uma categoria. Você pode configurar qual categoria é exibida em três níveis diferentes:
O mecanismo para selecionar a imagem a ser exibida é o seguinte:
- Verifique se uma categoria está definida para a Página do produto.
- Caso contrário, verifique se uma categoria está definida para o Catálogo.
- Caso contrário, verifique se uma categoria está definida para o console Produtos.
Página do Produto product-page
- Navegue até a página do produto.
- Editar o componente do produto.
- Digite a Categoria da Imagem escolhida (
cat1
por exemplo). - Selecione Concluído. A página é atualizada e o ativo correto deve ser exibido.
Catálogo catalog
- Navegue até o catálogo.
- Selecione Exibir Propriedades.
- Selecione Editar.
- Selecione a guia Assets.
- Digite a Categoria do Ativo do Produto necessária.
- Selecione Concluído.
- Implantação suas alterações.
Console de produtos products-console
- Usando o console Produtos, navegue até o Produto necessário.
- Selecione Exibir Dados Do Produto.
- Selecione Editar.
- Digite uma Categoria de ativo padrão.
- Selecione Concluído.
- Implantação suas alterações.
Publicar/Desfazer publicação de informações do produto publishing-unpublishing-product-information
Publicar/desfazer publicação de informações do produto - Interface otimizada para toque publishing-unpublishing-product-information-touch-optimized-ui
-
Usando o console Produtos (via Commerce), navegue até as informações do produto.
-
Usando:
Selecione o ícone Publish ou Cancelar publicação, conforme necessário:
As informações do produto são publicadas ou não, conforme apropriado.
Manipulador de eventos para atualizações de produtos event-handler-for-product-updates
Há um Manipulador de eventos que registra um evento quando um produto é adicionado, editado ou excluído e quando uma página de produto é adicionada, editada ou excluída. Há os seguintes eventos OSGi:
com/adobe/cq/commerce/pim/PRODUCT_ADDED
com/adobe/cq/commerce/pim/PRODUCT_MODIFIED
com/adobe/cq/commerce/pim/PRODUCT_DELETED
com/adobe/cq/commerce/pim/PRODUCT_PAGE_ADDED
com/adobe/cq/commerce/pim/PRODUCT_PAGE_MODIFIED
com/adobe/cq/commerce/pim/PRODUCT_PAGE_DELETED
Para os eventos PRODUCT_*
, o caminho aponta para o produto base em /etc/commerce/products
. Para os eventos PRODUCT_PAGE_*
, o caminho aponta para o nó cq:Page
.
Você pode vê-las no Console da Web em eventos OSGI ( /system/console/events
), por exemplo:
Imagem com Links para adicionar ao carrinho image-with-add-to-cart-links
O componente Imagem com links para adicionar ao carrinho permite adicionar rapidamente um produto ao carrinho criando um ponto de acesso vinculado a um produto em uma imagem.
Clicar no ponto de acesso abre uma caixa de diálogo que permite escolher o tamanho e a quantidade do produto.
-
Navegue até a página onde deseja adicionar o componente.
-
Arraste e solte o componente na página.
-
Arraste e solte uma imagem no componente do navegador de ativos.
-
Você pode:
- clique no componente e, em seguida, clique no ícone Editar
- clique duas vezes lento
-
Clique no ícone de tela cheia.
-
Clique no ícone Launch Map.
-
Clique em um dos ícones de forma.
-
Modifique e mova a forma conforme necessário.
-
Clique na forma.
-
Clicar no ícone de procura abre o Seletor de ativos.
note note NOTE Como alternativa, você pode digitar diretamente o caminho do produto, que deve estar no nível do produto, não no nível da variante. -
Clique no ícone de confirmação duas vezes e clique em sair da tela cheia.
-
Clique em algum lugar na página ao lado do componente. A página deve ser atualizada e você deve ver o seguinte símbolo na imagem:
-
Alternar para o modo visualização.
-
Clique no ponto de acesso +. Uma caixa de diálogo é aberta, onde você pode escolher o tamanho e a quantidade do produto inserido no Caminho.
-
Insira um tamanho e uma quantidade.
-
Clique no botão Add to cart. A caixa de diálogo é fechada.
-
Navegue até o carrinho. O produto deve estar aqui.
Opções de configuração configuration-options
Você pode configurar a aparência da caixa de diálogo ao clicar no ponto de acesso:
-
Clique no componente e clique no ícone de configuração.
-
Role para baixo. Há uma guia ADICIONAR AO CARRINHO.
-
Clique em ADICIONAR AO CARRINHO. Há três opções de configuração que podem ser usadas.
-
Clique no ícone Concluído.
Catálogos catalogs
Gerar um catálogo generating-a-catalog
Geração de um catálogo - Interface otimizada para toque generating-a-catalog-touch-optimized-ui
Para gerar um catálogo:
-
Abra o console Sites (por exemplo, http://localhost:4502/sites.html/content).
-
Navegue até o local onde deseja criar a página.
-
Para abrir a lista de opções, use o ícone Criar:
-
Na lista, selecione Criar catálogo. O assistente Criar catálogo é aberto.
-
Navegue até o Blueprint do catálogo necessário.
-
Selecione o botão Selecionar e clique no Blueprint do catálogo necessário.
-
Selecione Próximo.
-
Digite um Título e um Nome.
-
Selecione o botão Criar. O catálogo é criado e uma caixa de diálogo é aberta.
-
Selecionar o botão Concluído o levará de volta ao console Sites, onde você poderá ver seu catálogo.
Tocar/clicar no botão Abrir Catálogo abre seu catálogo (por exemplo,
http://localhost:4502/editor.html/content/test-catalog.html
).
Gerar um catálogo - Interface clássica generating-a-catalog-classic-ui
-
Usando o console Sites, navegue até o Blueprint do Catálogo e, em seguida, até o Catálogo Básico.
Por exemplo:
http://localhost:4502/siteadmin#/content/catalogs/geometrixx-outdoors/base-catalog
-
Crie uma página usando o modelo Blueprint de Seção.
Por exemplo,
Swimwear
. -
Abra a nova página
Swimwear
e clique em Editar blueprint. A caixa de diálogo Propriedades é aberta para que você possa configurar a seleção de Produtos.Por exemplo, abra o campo Tags/Palavras-chave para selecionar Atividade e Natação na seção Geometrixx-Outdoors.
-
Clique em OK para salvar suas propriedades. Exemplos de produtos são mostrados em Critérios de Seleção de Produtos na página do blueprint.
-
Clique em Implantar Alterações…, selecione Implantar página e todas as subpáginas e clique em Avançar e depois em Implantação. Depois que a implantação for concluída com êxito, o indicador Status será exibido em verde.
-
Agora você pode clicar em Fechar e verificar a nova seção de catálogo; por exemplo, em e sob:
http://localhost:4502/cf#/content/geometrixx-outdoors/en/swimwear.html
-
Novamente, na página de blueprints, clique em Editar Blueprint e, na caixa de diálogo Propriedades, abra a guia Página Gerada. No campo Lista de banners, selecione a imagem que deseja mostrar; por exemplo,
summer.jpg
-
Clique em OK para salvar suas propriedades; as informações do banner são mostradas nos Critérios de Seleção do Produto na página do blueprint.
-
Implante essas novas alterações.
Lançando um catálogo rolling-out-a-catalog
Implantação de um catálogo - interface otimizada para toque rolling-out-a-catalog-touch-optimized-ui
Para implantar um catálogo:
-
Navegue até o console Catálogos, via Commerce.
-
Navegue até o catálogo que deseja implantar.
-
Usando:
Selecione o ícone Alterações de implantação:
-
No assistente, defina a implantação conforme necessário e clique em Implantar Alterações.
-
Uma caixa de diálogo é aberta. Selecione Concluído quando o processo for concluído.
Implantação de um catálogo - Interface clássica rolling-out-a-catalog-classic-ui
Para implantar um catálogo:
-
Navegue até o catálogo que deseja implantar. Por exemplo:
http://localhost:4502/cf#/content/catalogs/geometrixx-outdoors/base-catalog.html
-
Clique em Implantar alterações…
-
Defina a implantação conforme necessário.
-
Clique em Implantação.
Importador de blueprint blueprint-importer
Importador de blueprint - Interface otimizada para toque blueprint-importer-touch-optimized-ui
-
Navegue até o console Catálogos, via Commerce.
-
Navegue até o local onde deseja importar o blueprint do catálogo.
-
Selecione o ícone Importar blueprints.
-
No assistente, selecione o Source conforme necessário e clique em Avançar.
-
Selecione Concluído quando a importação for concluída.
Importador de blueprint - Interface clássica blueprint-importer-classic-ui
-
Usando o console Ferramentas, navegue até Commerce.
Por exemplo:
http://localhost:4502/miscadmin#/etc/commerce
-
Abra o Importador de blueprint de catálogo.
-
Defina a importação conforme necessário.
-
Clique em Importar blueprints do catálogo.
Promoções promotions
Criação de uma promoção creating-a-promotion
Criação de uma promoção - Interface clássica creating-a-promotion-classic-ui
-
Abra o console Sites da instância do autor.
-
No painel esquerdo, selecione a Campanha necessária.
-
Clique em Novo, selecione o modelo Promoção e especifique um Título (e Nome, se necessário) para o novo cupom.
-
Clique em Criar. A nova página de promoção é exibida no painel direito.
-
Edite as Propriedades da seguinte maneira:
- abrindo a página e clicando no botão Editar para abrir a caixa de diálogo Propriedades
- selecionando a página no console Sites e, em seguida, usando o menu de contexto (geralmente o botão direito do mouse) para selecionar Propriedades… e abrir a caixa de diálogo propriedades
Especifique o Tipo de Promoção, Tipo de Desconto, Valor de Desconto e quaisquer outros campos conforme necessário.
-
Clique em OK para salvar.
-
Agora você pode ativar sua promoção para que os compradores possam vê-la na instância de publicação.
Vouchers vouchers
Criação de um voucher creating-a-voucher
Criação de um voucher - Interface clássica creating-a-voucher-classic-ui
-
Abra o console Sites da instância do autor.
-
No painel esquerdo, selecione a Campanha necessária.
-
Clique em Novo, selecione o modelo Voucher e especifique um Título (e Nome, se necessário) para o seu novo comprovante.
-
Clique em Criar. A nova página de voucher é mostrada no painel direito.
-
Abra a nova página do cupom com um clique duplo, clique em Editar e configure as informações conforme necessário.
-
Clique em OK para salvar.
-
Agora é possível ativar o cupom, para que os compradores possam usá-lo em seus carrinhos na instância de publicação.
Remoção de Cupons removing-vouchers
Remoção de vouchers - Interface clássica removing-vouchers-classic-ui
Para tornar um voucher indisponível para os clientes, você pode:
- Desativar o cupom - ele permanece disponível no ambiente de criação para que você possa reativá-lo posteriormente.
- Excluí-lo completamente.
Ambas as ações podem ser realizadas no console Sites.
Modificação de Cupons modifying-vouchers
Modificação de vouchers - Interface clássica modifying-vouchers-classic-ui
Para alterar as propriedades de um cupom ou promoção, clique duas vezes nele no console Sites e clique em Editar. Depois de salvá-lo, você deve ativá-lo para que as alterações sejam enviadas para as instâncias de publicação.
Adicionar vouchers a um Carrinho adding-vouchers-to-a-cart
Para permitir que os usuários adicionem vouchers aos seus carrinhos, você pode usar o componente Vouchers integrado (categoria Commerce). Adicione isso à mesma página de onde o carrinho é exibido (mas isso não é obrigatório). O componente de vouchers é apenas um formulário no qual o usuário pode inserir um código de voucher, é o componente do carrinho de compras que realmente mostra a lista de vouchers aplicados e seu desconto.
No site de demonstração (Geometrixx Outdoors - Inglês), você pode ver o formulário de voucher na página do carrinho, sob o carrinho de compras real.
Pedidos orders
/etc/scaffolding/geometrixx-outdoors/order/jcr:content/cq:dialog
Criando Informações da Ordem creating-order-information
Criação de informações do pedido - Interface otimizada para toque creating-order-information-touch-optimized-ui
-
Usando o console Pedidos, navegue até o local necessário.
-
Use o ícone Criar para selecionar Criar pedido.
-
O assistente é aberto. Use as guias Básico, Conteúdo, Pagamento e Atendimento para inserir as informações sobre o novo pedido.
-
Selecione Criar para salvar as informações.
Editando Informações da Ordem editing-order-information
Edição de informações da ordem - Interface otimizada para toque editing-order-information-touch-optimized-ui
-
Usando o console Pedidos, navegue até o pedido.
-
Usando:
Selecione o ícone Exibir dados do pedido:
-
As informações do pedido são mostradas. Use Editar e Concluído para fazer alterações.