Nota
O acesso a esta página requer autorização. Podes tentar iniciar sessão ou mudar de diretório.
O acesso a esta página requer autorização. Podes tentar mudar de diretório.
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 imagem ativa e descreve como adicioná-los às páginas do site no Microsoft Dynamics 365 Commerce.
Um módulo de imagem ativa pode ser utilizado para incorporar etiquetas de produto em uma imagem. Os utilizadores do site de comércio eletrónico podem passar o rato sobre as etiquetas para pré-visualizar os produtos mostrados na imagem. As pré-visualizações são mostradas em janelas pop-up. Ao selecionar uma janela pop-up de pré-visualização, os utilizadores podem ir diretamente para a página de detalhes do produto (PDP) do produto correspondente.
As etiquetas são definidas usando as coordenadas X e Y na imagem. Cada ponto etiquetado deve ser configurado com o ID do produto que é mostrado na imagem.
A ilustração a seguir mostra um exemplo de uma janela pop-up de pré-visualização numa imagem de destaque na página inicial da Adventure Works.
Importante
- O módulo de imagem ativa está disponível a partir da versão 10.0.20 do Dynamics 365 Commerce.
- O módulo de imagem ativa é apresentado no tema Adventure Works.
Propriedades do módulo de imagem ativa
| Nome da propriedade | Valores | Descrição |
|---|---|---|
| Imagem | Ficheiro de imagem | Uma imagem pode ser usada para demonstrar um ou mais produtos. A imagem pode ser carregada para a Biblioteca de Suporte de Dados no construtor de sites do Commerce ou pode ser usada uma imagem existente. |
| Largura | Número de pixels | Esta propriedade define a largura da imagem. As coordenadas ativas são calculadas com base na largura da imagem. |
| Coordenadas ativas | Coordenadas X e Y e um número de ID do produto | Cada matriz de imagem ativa consiste em coordenadas X e Y e um número de ID do produto. |
| Título | Texto de título e etiqueta de título (H1, H2, H3, H4, H5 ou H6) | Por predefinição, a etiqueta de título H2 é usada para o título, mas a etiqueta pode ser alterada para cumprir os requisitos de acessibilidade. |
| Parágrafo | Texto do parágrafo | O módulo suporta texto de parágrafo em texto formatado. Algumas capacidades básicas de texto formatado são suportadas, como hiperligações e texto em negrito, sublinhado e em itálico. Algumas destas capacidades podem ser substituídas pelo tema da página que é aplicado ao módulo. |
| Ligar | Texto da ligação, URL da ligação, etiqueta Accessible Rich Internet Applications (ARIA) e seletor Abrir ligação no novo separador | O módulo suporta uma ou mais ligações de "apelo à ação". Se for adicionada uma ligação, serão necessários o texto da ligação, um URL e uma etiqueta ARIA. As etiquetas ARIA devem ser descritivas, para cumprir os requisitos de acessibilidade. As ligações podem ser configuradas para serem abertas num novo separador. |
| Subtexto | Título, texto e ligações | Contexto adicional para o módulo de imagem pode ser adicionado, como um nome de autor ou designer, ou ligações para blogues pessoais. |
| Tema do texto | Claro ou Escuro | Esta propriedade permite que um utilizador defina o texto como claro ou escuro, com base na imagem de fundo. Está disponível como uma extensão do tema no tema Adventure Works. |
Adicionar um módulo de imagem ativa a uma nova página
Para adicionar um módulo de imagem ativa a uma nova página e definir as propriedades necessárias, siga estes passos:
- Vá para Modelos e abra o modelo de marketing para a página inicial do seu site (ou crie um novo modelo de marketing).
- No espaço Principal da página predefinida, selecione as reticências (...) e, em seguida, selecione Adicionar módulo.
- Na caixa de diálogo Selecionar módulos, selecione o módulo Imagem ativa e, em seguida, selecione OK.
- Selecione Guardar, selecione Terminar edição para dar entrada do modelo e, em seguida, selecione Publicar para o publicar.
- Aceda a Páginas e abra a página inicial do site (ou crie uma nova página inicial usando o modelo de marketing).
- No espaço Principal da página predefinida, selecione o botão de reticências (...) e, em seguida, selecione Adicionar módulo.
- Na caixa de diálogo Selecionar módulos, selecione o módulo Imagem ativa e, em seguida, selecione OK.
- No painel de propriedades do módulo de imagem ativa, adicione uma imagem e defina a largura da tela para o tamanho da imagem.
- Defina as coordenadas X e Y e adicione o número de ID do produto apropriado.
- Adicione e configure módulos de imagem ativa adicionais conforme necessário.
- Selecione Guardar e, em seguida, selecione Pré-visualizar para pré-visualizar a página.
- Selecione Terminar edição para fazer o check-in do modelo e, em seguida, selecione Publicar para o publicar.