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 uma 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é a Produtos console, via Commerce.
-
Usar o Produtos console navegue até o local desejado.
-
Use o Importar produtos ícone para abrir o assistente.
-
Especifique:
-
Importador
O importador do produto específico provedor de comércio, 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. -
-
Selecionar Próxima para importar os produtos, um log das ações executadas é mostrado.
note note NOTE Os produtos são importados para o local atual ou são relativos a ele. note note NOTE Repetidamente usando Próxima e Voltar O importa repetidamente as definições do produto. No entanto, como eles têm os mesmos SKUs, as informações existentes no repositório são substituídas. -
Selecionar Concluído para fechar o assistente.
Importação de produtos - Interface clássica importing-products-classic-ui
-
Usar o Ferramentas console abra o Commerce pasta.
-
Clique duas vezes para abrir a Importador de produto:
-
Especifique:
-
Nome do armazenamento
Os produtos são importados para:
/etc/commerce/products/<*store name*>/
-
Provedor de comércio
O importador do seu provedor de comércio; por padrão, Geometrixx.
-
Arquivo de origem
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
-
Usar o Produtos console (via Commerce) navegar até o local desejado.
-
Use o Criar ícone para selecionar (dependendo da estrutura e do local):
- Criar produto
- Criar variação de produto
-
O assistente é aberto. Use o Básico e Guias do produto para inserir o atributos do 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 variante. -
Selecionar 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
-
Usar o Produtos console (via Commerce) navegar até as informações do produto.
-
Usando:
Selecione o Exibir dados do produto ícone:
-
A variável atributos do produto são exibidas. Uso 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
-
Usar o Produtos console (via Commerce) navegar 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é a Produtos console, 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 em
sizegroup
nó. -
Clique em
items
e clique empropertypredicate
nó. -
É possível editar a variável
propertyValues
. Por exemplo, você pode adicionar XS ou XXL, ou remover um tamanho. -
Clique em Salvar tudo e navegue até a página pesquisa de produtos. As alterações devem ser exibidas.
Vários ativos 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.
Adicionar vários ativos adding-multiple-assets
-
Navegue até a Produtos console, via Commerce.
-
Usar o Produtos navegue até o produto desejado.
note note NOTE Você deve estar no nível do produto, não no nível da variante. -
Selecione o Exibir dados do produto ícone com modo de seleção ou ações rápidas.
-
Selecione o ícone Edit.
-
Navegue até Adicionar.
-
Selecionar 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 de 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:
-
Selecionar Exibir dados do produto.
-
Digite um Categoria do ativo nos ativos, por exemplo,
cat1
ecat2
.note note NOTE Também é possível usar tags para categorias. -
Selecione o ícone Concluído. Agora você precisa implantação 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 o Categoria da imagem que você escolheu (
cat1
por exemplo). - Selecionar Concluído. A página é atualizada e o ativo correto deve ser exibido.
Catálogo catalog
- Navegue até o catálogo.
- Selecionar Propriedades da exibição.
- Selecione Editar.
- Selecione o Assets guia.
- Digite o Categoria do ativo do produto.
- Selecionar Concluído.
- Implantação suas alterações.
Console de produtos products-console
- Usar o Produtos navegue até o Produto desejado.
- Selecionar Exibir dados do produto.
- Selecione Editar.
- Digite a Categoria de ativo padrão.
- Selecionar 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
-
Usar o Produtos console (via Commerce) navegar até as informações do produto.
-
Usando:
Selecione o Publish ou Cancelar publicação ícone 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 o PRODUCT_*
eventos, o caminho aponta para o produto base no /etc/commerce/products
. Para o PRODUCT_PAGE_*
eventos, o caminho aponta para a variável cq:Page
nó.
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 da 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 a variável 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 pré-visualização modo.
-
Clique no ponto de acesso +. Uma caixa de diálogo é aberta, onde você pode escolher o tamanho e a quantidade do produto inserido em 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. Existe uma ADICIONAR AO CARRINHO guia.
-
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 Criar ícone:
-
Na lista, selecione Criar catálogo. O assistente Criar catálogo é aberto.
-
Navegue até o Blueprint do catálogo necessário.
-
Selecione o Selecionar e clique no Blueprint do catálogo necessário.
-
Selecione Próximo.
-
Digite a Título e uma Nome.
-
Selecione o Criar botão. O catálogo é criado e uma caixa de diálogo é aberta.
-
Selecionar o Concluído O botão traz você de volta ao console Sites, onde é possível ver o catálogo.
Tocar/clicar Abrir catálogo abre o 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
-
Usar o Sites console, navegue até o Blueprint do catálogo, em seguida, o Catálogo base.
Por exemplo:
http://localhost:4502/siteadmin#/content/catalogs/geometrixx-outdoors/base-catalog
-
Crie uma página usando o Seção Blueprint modelo.
Por exemplo,
Swimwear
. -
Abra o novo
Swimwear
e clique em Editar blueprint. A variável Propriedades será aberta para que você possa configurar as opções Produtos seleção.Por exemplo, abra Tags/Palavras-chave para selecionar Atividade e, em seguida, Natação na seção Geometrixx-Outdoors.
-
Clique em OK para que suas propriedades sejam salvas; exemplos de produtos são mostrados na Critérios de seleção de produtos na página do blueprint.
-
Clique em Implantar alterações…, selecione Página de implantação e todas as subpáginas e, em seguida, clique em Próxima depois Implantação. Depois que a implantação for concluída com êxito, a variável Status O indicador é exibido como verde.
-
Clique agora em Fechar e verifique a nova seção catálogo; por exemplo, em e sob:
http://localhost:4502/cf#/content/geometrixx-outdoors/en/swimwear.html
-
Novamente na página de blueprints, clique Editar blueprint e no Propriedades caixa de diálogo abrir a Página gerada guia. No campo Banner list, 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 na Critérios de seleção de produtos 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é a Catálogos console, via Commerce.
-
Navegue até o catálogo que deseja implantar.
-
Usando:
Selecione o Alterações de implantação ícone:
-
No assistente, defina a implantação conforme necessário e clique em Alterações de implantação.
-
Uma caixa de diálogo é aberta. Selecionar 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é a Catálogos console, via Commerce.
-
Navegue até o local onde deseja importar o blueprint do catálogo.
-
Selecione o Importar blueprints ícone.
-
No assistente, selecione a Origem conforme necessário e clique em Próxima.
-
Selecionar Concluído quando a importação for concluída.
Importador de blueprint - Interface clássica blueprint-importer-classic-ui
-
Usar o Ferramentas console, navegue até Commerce.
Por exemplo:
http://localhost:4502/miscadmin#/etc/commerce
-
Abra o Importador de blueprint do 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 Sites console da instância do autor.
-
No painel esquerdo, selecione o Campaign.
-
Clique em Novo, selecione o Promoção e, em seguida, especifique um Título (e Nome se necessário) para o novo voucher.
-
Clique em Criar. A nova página de promoção é exibida no painel direito.
-
Edite o Propriedades por:
- abrindo a página e clicando no botão Editar para abrir a caixa de diálogo Propriedades
- selecionar a página no console Sites e, em seguida, usar o menu de contexto (geralmente o botão direito do mouse) para selecionar Propriedades… e abra a caixa de diálogo de propriedades
Especifique a Tipo de promoção, Tipo de desconto, Valor do 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 Sites console da instância do autor.
-
No painel esquerdo, selecione o Campaign.
-
Clique em Novo, selecione o Voucher e, em seguida, especifique um Título (e Nome se necessário) para o novo voucher.
-
Clique em Criar. A nova página de voucher é mostrada no painel direito.
-
Abra a nova página do cupom com um clique duplo e, em seguida, 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 a partir do Sites console.
Modificação de Cupons modifying-vouchers
Modificação de vouchers - Interface clássica modifying-vouchers-classic-ui
Para alterar as propriedades de um voucher ou promoção, clique duas vezes nele na 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 carrinhos, você pode usar o Vouchers componente (categoria Comércio). 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
-
Usar o Pedidos console navegue até o local desejado.
-
Use o Criar ícone para selecionar Criar pedido.
-
O assistente é aberto. Use o Básico, Conteúdo, Pagamento, e Abastecimento guias para inserir o informações sobre o novo pedido.
-
Selecionar 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
-
Usar o Pedidos console navegue até o pedido.
-
Usando:
Selecione o Visualizar dados do pedido ícone:
-
A variável informações do pedido é exibido. Uso Editar e Concluído para fazer alterações.