Módulo de caixa de compra

Observação

O Grupo de Interesse de Varejo do Dynamics 365 Commerce mudou do Yammer para o Viva Engage. Se você não tiver acesso à nova comunidade Viva Engage, preencha este formulário (https://aka.ms/JoinD365commerceVivaEngageCommunity) para ser adicionado e mantenha-se envolvido nas últimas discussões.

Este artigo aborda módulos de caixa de compra e descreve como adicioná-los às páginas do site no Microsoft Dynamics 365 Commerce.

O termo caixa de compra normalmente refere-se à área de uma página de detalhes do produto (PDP) que está "acima da dobra" e que aloja todas as informações mais importantes necessárias para fazer uma compra de produto. (Uma área que está "acima da dobra" é visível quando a página é carregada pela primeira vez, para que os utilizadores não precisem de deslocar para baixo para a ver.)

Um módulo de caixa de compra é um contentor especial que é utilizado para alojar todos os módulos mostrados na área caixa de compra de uma página de detalhes do produto.

A URL de uma página de detalhes do produto inclui o ID do produto. Todas as informações necessárias para compor um módulo de caixa de compra são derivadas deste ID do produto. Se não for fornecido o ID do produto, o módulo de caixa de compra não será composto corretamente numa página. Portanto, um módulo de caixa de compra só pode ser utilizado em páginas que tenham contexto de produto. Para o usar numa página que não tenha contexto de produto (por exemplo, uma página inicial ou uma página de marketing), deve fazer personalizações adicionais.

A imagem seguinte mostra um exemplo de um módulo de caixa de compra numa página de detalhes do produto.

Exemplo de um módulo de caixa de compra.

Propriedades e espaços do módulo caixa de compra

Numa página de detalhes do produto, um caixa de compra é dividida em duas regiões: uma região de suporte de dados à esquerda e uma área de conteúdo à direita. Por predefinição, a proporção entre a largura da coluna da região de predefinição e a largura da coluna da região de conteúdo é de 2:1. Nos dispositivos móveis, as duas regiões são empilhadas para que uma região apareça abaixo da outra. Os temas podem ser utilizados para personalizar as larguras das colunas e a classificação de empilhamento.

Um módulo de caixa de compra compõe o título, a descrição, o preço e as classificações de um produto. Também permite que os clientes selecionem variantes de produtos que tenham atributos de produto diferentes, como tamanho, estilo e cor. Quando uma variante de produto é selecionada, outras propriedades na caixa de compra (por exemplo, a descrição e as imagens do produto) são atualizadas para refletir as informações da variante.

É fornecido um seletor de quantidade, para que os clientes possam especificar a quantidade de itens a comprar. A quantidade máxima que pode ser comprada pode ser definida nas definições do site.

A partir da caixa de compra, os clientes também podem realizar ações como adicionar um produto ao carrinho, adicionar um produto à sua lista de desejos e selecionar um local de recolha. Estas ações podem ser executadas num produto ou numa variante de produto. Para adicionar um produto a uma lista de desejos, o cliente deve ter sessão iniciada.

Os temas podem ser utilizados para remover ou alterar a ordem das propriedades do produto da caixa de compra e dos controlos de ação.

Propriedades do properties

Etiqueta de título – Esta propriedade define a etiqueta de título do produto. Se o caixa de compra estiver na parte superior da página, esta propriedade deverá ser definida como h1 para cumprir aos padrões de acessibilidade.
Ativar recomendações "comprar visuais semelhantes" - Esta propriedade permite que a caixa de compra mostre ligações para produtos que se assemelham ao item visualizado no momento. Esta funcionalidade está disponível na versão 10.0.13 e posteriores do Commerce.

Módulos que podem ser utilizados no módulo caixa de compra

Galeria de suporte de dados – Este módulo é utilizado para demonstrar imagens de um produto numa página de detalhes de produto. Para mais informações sobre este módulo, consulte Módulo de galeria de suporte de dados.
Seletor de lojas – Este módulo mostra uma lista de lojas nas proximidades onde um item está disponível para recolha. Permite que os utilizadores introduzam uma localização para encontrar lojas próximas. Para mais informações sobre este módulo, consulte Módulo do seletor de lojas.
Partilha social - Este módulo pode ser adicionado à caixa de compra para permitir que os utilizadores partilhem informações sobre produtos nas redes sociais. Para mais informações, consulte Módulo de partilha nas redes sociais.

Definições do módulo de caixa de compra

As seguintes definições do módulo caixa de compra podem ser definidas em Definições do Site > Extensões.

Limite de quantidade da linha do carrinho – Esta propriedade é usada para especificar o número máximo de cada item que pode ser adicionado ao carrinho. Por exemplo, um retalhista pode decidir que apenas 10 de cada produto podem ser vendidos numa única transação.
Inventário – Para obter informações sobre como aplicar definições de inventário, consulte Aplicar definições de inventário.
Adicionar produto ao carrinho – Para informações sobre como aplicar as definições Adicionar produto ao carrinho, consulte Definições para adicionar produto ao carrinho.

Extensões de definição de módulo de caixa de compra no tema Adventure Works

O módulo caixa de compra que o tema Adventure Works fornece tem uma extensão de definição de módulo que suporta a implementação de um módulo de especificações de produto dentro num módulo de acordeão na caixa de compra PDP. Para demonstrar os atributos de especificação de produto na caixa de compra PDP, adicione um módulo de especificação de produto ao espaço de módulo de acordeão no espaço de caixa de compra.

Importante

O tema Adventure Works está disponível no Dynamics 365 Commerce versão 10.0.20.

Interação do Commerce Scale Unit

O módulo de caixa de compra obtém informações do produto usando interfaces de programação de aplicações (APIs) da Commerce Scale Unit. O ID do produto na página de detalhes do produto é utilizado para obter todas as informações.

Adicionar um módulo de caixa de compra a uma página

Para adicionar um módulo buy box a uma nova página e definir as propriedades necessárias, siga estes passos:

Aceda a Fragmentos e, em seguida, selecione Novo para criar um novo fragmento.
Na caixa de diálogo Novo fragmento, selecione o módulo Caixa de Compra.
Em Nome do fragmento, introduza o nome Fragmento de caixa de compra e, em seguida, selecione OK.
No espaço do módulo de caixa de compra Galeria de suporte de dados, selecione as reticências (...) e, em seguida, selecione Adicionar módulo.
Na caixa de diálogo Selecionar módulos, selecione o módulo Galeria de suporte de dados e, em seguida, selecione OK.
No espaço do módulo de caixa de compra Seletor de lojas, selecione as reticências (...) e, em seguida, selecione Adicionar módulo.
Na caixa de diálogo Selecionar módulos, selecione o módulo Seletor de lojas e, em seguida, selecione OK.
Selecione Guardar, selecione Terminar edição para fazer check-in do fragmento e, em seguida, selecione Publicar para o publicar.
Vá para Modelos e selecione Novo para criar um novo modelo.
Na caixa de diálogo Novo modelo, em Nome do modelo, introduza Modelo PDP e, em seguida, selecione OK.
No bloco Corpo, selecione as reticências (...) e, em seguida, selecione Adicionar módulo.
Na caixa de diálogo Selecionar módulos, selecione o módulo Página Predefinida e, em seguida, selecione OK.
No bloco Principal da página predefinida, selecione as reticências (...) e, em seguida, selecione Adicionar fragmento.
Na caixa de diálogo Selecionar um fragmento, selecione o Fragmento caixa de compra que criou e selecione OK.
Selecione Guardar, selecione Terminar edição para dar entrada do modelo e, em seguida, selecione Publicar para o publicar.
Vá para Páginas e selecione Novo para criar uma nova página.
Na caixa de diálogo Criar uma nova página, em Nome da página, introduza uma Página PDP e, em seguida, selecione Seguinte.
Em Escolher um modelo, selecione o Modelo PDP e, em seguida, selecione Seguinte.
Em Escolher um esquema, selecione um esquema de página (por exemplo, Esquema flexível) e, em seguida, selecione Seguinte.
Em Rever e concluir, reveja a configuração da página. Se precisar de editar as informações da página, selecione Voltar. Se as informações da página estiverem corretas, selecione Criar página.
No bloco Principal da nova página, selecione as reticências (...) e, em seguida, selecione Adicionar fragmento.
Na caixa de diálogo Selecionar um fragmento, selecione o Fragmento caixa de compra que criou e selecione OK.
Guarde e pré-visualize a página. Adicione o parâmetro da cadeia de consulta ?productid=<product id> à URL da página de pré-visualização. Dessa forma, o contexto do produto é utilizado para carregar e compor a página de pré-visualização.
Selecione Guardar, selecione Terminar edição para dar entrada da página e, em seguida, selecione Publicar para a publicar. Uma caixa de compra deve aparecer na página de detalhes do produto.