Módulo de caixa de compra

Artigo
08/13/2024

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

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

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

O URL de uma página de detalhes do produto inclui o ID do produto. Todas as informações necessárias para processar um módulo caixa de compra são derivadas desta ID de produto. Se não for fornecida uma ID de produto, o módulo caixa de compra não será apresentado corretamente numa página. Por conseguinte, um módulo caixa de compra só pode ser utilizado em páginas que tenham contexto de produto. Para a utilizar numa página que não tenha contexto de produto (por exemplo, uma página inicial ou uma página de marketing), é necessário efetuar personalizações adicionais.

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

Exemplo de um módulo caixa de compra.

Propriedades e ranhuras do módulo caixa de compra

Numa página de detalhes de um produto, um caixa de compra está dividido em duas regiões: uma região multimédia à esquerda e uma região de conteúdo à direita. Por predefinição, o rácio entre a largura da coluna da região multimédia 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 de modo a que uma região apareça por baixo da outra. Os temas podem ser utilizados para personalizar as larguras das colunas e a classificação do empilhamento.

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

É fornecido um seletor de quantidade, para que os clientes possam especificar a quantidade de artigos a comprar. A quantidade máxima que pode ser comprada pode ser definida nas configurações do sítio.

A partir do 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 levantamento. Estas ações podem ser executadas num produto ou numa variante de produto. Para adicionar um produto a uma lista de desejos, o cliente tem de ter sessão iniciada.

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

Propriedades do properties

Etiqueta de título - Esta propriedade define a etiqueta de título para o título do produto. Se o caixa de compra estiver no topo da página, esta propriedade deve ser definida como h1 para cumprir as normas de acessibilidade.
Ativar as recomendações "comprar looks semelhantes" - Esta propriedade permite que o caixa de compra mostre ligações para produtos semelhantes ao item atualmente visualizado. Esta funcionalidade está disponível na versão 10.0.13 e posterior do Commerce.

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

Media gallery - Isto módulo é utilizado para apresentar imagens de um produto numa página de pormenores do produto. Para mais informações sobre isto módulo, consulte Módulo da galeria de media.
Seletor de lojas - Isto módulo mostra uma lista de lojas próximas onde um artigo está disponível para levantamento. Permite que os utilizadores introduzam uma localização para encontrar lojas que se encontrem nas proximidades. Para mais informações sobre isto módulo, consulte Módulo de seleção de lojas.
Partilha social - Isto módulo pode ser adicionado ao caixa de compra para permitir que os utilizadores partilhem informações sobre o produto nas redes sociais. Para mais informações, consulte Módulo de partilha social.

Definições do módulo caixa de compra

As seguintes definições do módulo caixa de compra podem ser configuradas em Definições do sítio > Extensões:

Limite de quantidade da linha do carrinho - Esta propriedade é utilizada 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 obter informações sobre como aplicar as definições de Adicionar produto ao carrinho , consulte Adicionar produto às definições do carrinho.

Extensões de definição do módulo 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 de um módulo acordeão numa PDP caixa de compra. Para apresentar atributos de especificação do produto num PDP caixa de compra,, adicione um módulo de especificação do produto à ranhura do módulo acordeão na ranhura caixa de compra.

Importante

O tema Adventure Works está disponível a partir do lançamento da versão 10.0.20 do Dynamics 365 Commerce .

Interação comercial unidade de escala

O módulo caixa de compra obtém informações sobre o produto utilizando as interfaces de programação de aplicações (API) do Commerce unidade de escala. O ID do produto da página de detalhes do produto é utilizado para obter todas as informações.

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

Para adicionar um módulo caixa de compra a uma nova página e definir as propriedades necessárias, siga estes passos.

Aceda a Fragmentos e seleccione Novo para criar um novo fragmento.
Na caixa de diálogo Novo fragmento , seleccione o módulo caixa de compra .
Em Nome do fragmento, introduzir o nome caixa de compra fragment e, em seguida, selecionar OK.
Na ranhura Media Gallery do módulo caixa de compra, seleccione as reticências (...) e, em seguida, seleccione Adicionar módulo.
Na caixa de diálogo Select modules , seleccione o módulo Media gallery e, em seguida, seleccione OK.
Na ranhura Store seletor do módulo caixa de compra, seleccione as reticências (...) e, em seguida, seleccione Adicionar módulo.
Na caixa de diálogo Select modules , seleccione o módulo Store seletor e, em seguida, seleccione OK.
Seleccione Guardar, seleccione Terminar edição para verificar o fragmento e, em seguida, seleccione Publicar para o publicar.
Aceda a Templates e seleccione New para criar um novo modelo.
Na caixa de diálogo New template , em Template name, introduza PDP template e, em seguida, seleccione OK.
Na ranhura Corpo , seleccione as reticências (...) e, em seguida, seleccione Adicionar módulo.
Na caixa de diálogo Select modules , seleccione o módulo Default Page e, em seguida, seleccione OK.
Na ranhura Main da página predefinida, seleccione as reticências (...) e, em seguida, seleccione Add fragment.
Na caixa de diálogo Selecionar um fragmento , seleccione o fragmento caixa de compra que criou e, em seguida, seleccione OK.
Selecione Guardar, selecione Terminar edição para dar entrada do modelo e, em seguida, selecione Publicar para o publicar.
Aceda a Pages e seleccione New 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, seleccione Seguinte.
Em Escolha um modelo, seleccione PDP template e, em seguida, seleccione Next.
Em Escolha uma apresentação, seleccione uma apresentação de página (por exemplo, Apresentação flexível) e, em seguida, seleccione Next.
Em Rever e terminar, rever a configuração da página. Se for necessário editar as informações da página, seleccione Back. Se as informações da página estiverem correctas, seleccione Criar página.
Na ranhura Main da nova página, seleccione as reticências (...) e, em seguida, seleccione Adicionar fragmento.
Na caixa de diálogo Selecionar um fragmento , seleccione o fragmento caixa de compra que criou e, em seguida, seleccione OK.
Guardar e pré-visualização a página. Adicione o parâmetro de cadeia de caracteres de consulta ?productid=<product id> ao URL da página pré-visualização. Desta forma, o contexto do produto é utilizado para carregar e processar a página pré-visualização.
Selecione Guardar, selecione Terminar edição para dar entrada da página e, em seguida, selecione Publicar para a publicar. Deve aparecer um caixa de compra na página de detalhes do produto.