Módulo de bloco de conteúdo

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 bloco de conteúdo e descreve como os adicionar às páginas do site no Microsoft Dynamics 365 Commerce.

Um módulo de bloco de conteúdo é utilizado para comercializar produtos ou promoções através de uma combinação de imagens e texto. Por exemplo, um retalhista pode adicionar um módulo de bloco de conteúdo à página inicial de um site de comércio eletrónico para promover um novo produto e atrair a atenção dos clientes.

Um módulo de bloco de conteúdo é controlado por dados do sistema de gestão de conteúdos (CMS). É um módulo independente que não depende de nenhum outro módulo na página. Um módulo de bloco de conteúdo pode ser colocado em qualquer página do site onde um retalhista queira comercializar ou promover alguma coisa (por exemplo, produtos, vendas ou funcionalidades).

Exemplos de módulos de bloco de conteúdo no comércio eletrónico

Um módulo de bloco de conteúdo pode ser utilizado na página inicial de um site de comércio eletrónico para destacar promoções e novos produtos.
Um módulo de bloco de conteúdo pode ser usado na página de detalhes do produto para demonstrar informações sobre o produto.
Vários módulos de bloco de conteúdo podem ser colocados dentro de um módulo carrossel para destacar vários produtos ou promoções.

Módulos de bloco de conteúdo e temas

Os módulos de bloco de conteúdo podem suportar vários esquemas e estilos com base num tema. Por exemplo, o tema da Fabrikam suporta três variações de esquema de um módulo de bloco de conteúdo: destaque, funcionalidade e mosaico. O esquema de destaque mostra uma imagem no fundo com sobreposição de texto. O esquema da funcionalidade mostra uma imagem e um texto lado a lado. O esquema de mosaico permite vários blocos de conteúdo no formato de mosaico.

Além disso, o tema pode expor propriedades diferentes para cada esquema. Um programador de temas pode criar mais esquemas com mais estilos usando o módulo de bloco de conteúdo.

A imagem a seguir mostra um exemplo de um módulo de bloco de conteúdo com um esquema de destaque.

Exemplo de um módulo de destaque.

A imagem a seguir mostra um exemplo de um módulo de bloco de conteúdo com um esquema de funcionalidade.

Exemplos de módulos de funcionalidades.

Propriedades do módulo de bloco de conteúdo

Nome da propriedade	Valores	Descrição
Imagem	Ficheiro de imagem	Uma imagem pode ser usada para demonstrar um produto ou uma promoção. Uma imagem pode ser carregada para a galeria de imagens ou uma imagem existente pode ser usada.
Título	Texto de título e etiqueta de título (H1, H2, H3, H4, H5 ou H6)	Cada módulo de destaque pode ter um título. Por predefinição, a etiqueta de título H2 é usada para o título. No entanto, a etiqueta pode ser alterada para cumprir os requisitos de acessibilidade.
Parágrafo	Texto do parágrafo	Os módulos de destaque suportam texto de parágrafo em texto formatado. Alguns recursos básicos de texto formatado são suportados, como texto em negrito, sublinhado e itálico e hiperligações. 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 Abrir ligação no novo separador	Os módulos de destaque suportam 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 que sejam abertas num novo separador.

Propriedades do módulo de bloco de conteúdo expostas pelo tema da Fabrikam

Nome da propriedade	Valores	Descrição
Posicionamento do texto	Esquerda, Direita, Centro	Esta propriedade define a posição do texto na imagem. Aplica-se apenas ao esquema de destaque.
Tema do texto	Claro ou Escuro	Um esquema de cores pode ser definido para o texto, com base na imagem de fundo. Por exemplo, se a imagem tiver um fundo escuro, pode ser aplicado um tema claro para tornar o texto mais visível e atender às taxas de contraste de cores para fins de acessibilidade. Aplica-se apenas ao esquema de destaque.
Posicionamento da imagem	Esquerda, Direita	Esta propriedade especifica se a imagem deve estar à esquerda ou à direita do texto. Aplica-se apenas ao esquema de funcionalidade.

Adicionar um módulo de bloco de conteúdo a uma nova página

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

Aceda a Modelos e crie um modelo de página chamado Modelo de bloco de conteúdo.
No espaço Principal da página predefinida, adicione um módulo de destaque.
Selecione Guardar, selecione Terminar edição para dar entrada do modelo e, em seguida, selecione Publicar para o publicar.
Utilize o modelo de destaque que acabou de criar para criar uma página com o nome Página do bloco de conteúdo.
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 de destaque e, em seguida, selecione OK.
Na árvore de contorno à esquerda, selecione o módulo de bloco de conteúdo.
No painel de propriedades à direita, selecione Adicionar uma imagem. Em seguida, selecione uma imagem existente ou carregue uma nova imagem.
Selecione Título.
Na caixa de diálogo Título, adicione o texto do título, selecione o nível do título e, em seguida, selecione OK.
Em Texto Formatado, adicione texto conforme necessário.
Selecione Adicionar ligação.
Na caixa de diálogo Ligação, adicione texto e ligação URL a uma etiqueta ARIA para a ligação e, em seguida, selecione OK.
Selecione o esquema Destaque.
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.