Partilhar via


Módulo de galeria multimédia

Isto artigo aborda os módulos da galeria de média e descreve como adicioná-los às páginas do sítio Microsoft Dynamics 365 Commerce.

Os módulos de galeria de média mostram uma ou mais imagens numa vista de galeria. Os módulos de galeria de média suportam imagens em miniatura, que podem ser dispostas horizontalmente (como uma linha por baixo da imagem) ou verticalmente (como uma coluna junto à imagem). Os módulos da galeria de multimédia também fornecem capacidades que permitem que as imagens sejam ampliadas ou visualizadas em modo de ecrã completo. Para ser apresentada num módulo de galeria multimédia, uma imagem deve estar disponível na biblioteca multimédia do construtor do sítio de comércio eletrónico. Atualmente, os módulos da galeria de média apenas suportam imagens.

No modo predefinido, um módulo de galeria multimédia utiliza a ID do produto que está disponível no contexto da página de uma página de detalhes do produto (PDP) para apresentar as imagens do produto correspondentes. Na sede do Comércio, deve ser definido um caminho de ficheiro multimédia para todos os produtos. As imagens devem então ser carregadas para a Media Library do construtor do site, de acordo com o caminho do ficheiro que foi definido para os produtos na sede do Commerce. Estas imagens incluem imagens para produtos e quaisquer variantes de produtos. Para obter mais informações sobre como carregar imagens na Biblioteca de Multimédia do construtor de sites, consulte Carregar imagens.

Em alternativa, um módulo de galeria multimédia pode alojar um conjunto de imagens totalmente seleccionadas numa página de galeria de imagens, onde não existem dependências da ID do produto ou do contexto da página. Neste caso, as imagens devem ser carregadas para a biblioteca multimédia do construtor de sítios e especificadas no construtor de sítios.

Eis alguns exemplos de utilização dos módulos de galeria de multimédia:

  • Renderização de imagens de produtos num PDP
  • Renderização de imagens de produtos numa página de marketing de produtos
  • Apresentação de um conjunto de imagens seleccionadas numa página de marketing, como uma página de galeria

No exemplo da ilustração seguinte, uma caixa de compra num PDP aloja imagens de produtos utilizando um módulo de galeria multimédia.

Exemplo de uma caixa de compra numa página de detalhes do produto que aloja imagens do produto utilizando um módulo de galeria multimédia.

Nome da propriedade Valores Descrição
Origem da imagem Contexto da página ou ID do produto O valor predefinido é Contexto da página. Se Page context for selecionado, o módulo espera que a página forneça as informações de ID do produto. Se Product ID estiver selecionado, o ID do produto para uma imagem deve ser fornecido como o valor da propriedade Product ID . Esta capacidade está disponível na versão 10.0.12 do Commerce.
ID do Produto Um ID de produto Esta propriedade só é aplicável se o valor da propriedade Image source for Product ID.
Zoom de imagem Inline ou Container Esta propriedade permite ao utilizador ampliar as imagens no módulo da galeria multimédia. Uma imagem pode ser ampliada em linha ou num contentor separado junto à imagem. Esta capacidade está disponível na versão 10.0.12.
Fator de zoom Um número decimal Esta propriedade especifica o fator de escala para ampliar imagens. Por exemplo, se o valor for definido para 2.5, as imagens são ampliadas 2,5 vezes.
Ecrã inteiro True ou False Esta propriedade especifica se as imagens podem ser visualizadas em modo de ecrã completo. No modo de ecrã completo, as imagens também podem ser ampliadas se a capacidade de zoom estiver activada. Esta capacidade está disponível na versão 10.0.13 do Commerce.
Qualidade da imagem com zoom Um número de 1 a 100 que representa uma percentagem e que é selecionado utilizando um controlo trackbar Esta propriedade define a qualidade da imagem para imagens ampliadas. Pode ser definido para 100 por cento para garantir que uma imagem ampliada utiliza sempre a resolução mais elevada possível. Esta propriedade não é aplicável a ficheiros PNG, porque estes utilizam um formato sem perdas. Esta capacidade está disponível a partir da versão 10.0.19 do Commerce.
Imagens Imagens que são seleccionadas a partir da Biblioteca Multimédia do construtor de sites Para além de serem apresentadas a partir de um produto, as imagens podem ser seleccionadas para um módulo de galeria multimédia. Estas imagens serão anexadas a quaisquer imagens de produtos que estejam disponíveis. Esta capacidade está disponível na versão 10.0.12 do Commerce.
Orientação das miniaturas Vertical ou Horizontal Esta propriedade especifica se as imagens em miniatura devem ser mostradas numa faixa vertical ou numa faixa horizontal.
Ocultar imagens do produto principal para a variante True ou False Se esta propriedade estiver definida para True, quando uma variante é selecionada, as imagens do produto principal são ocultadas, a menos que a variante não tenha imagens. Esta propriedade não afecta os produtos que não têm variantes.
Atualizar multimédia ao selecionar a dimensão True ou False Se esta propriedade estiver definida para True, as imagens na biblioteca multimédia serão actualizadas quando for selecionada qualquer dimensão (como cor, estilo ou tamanho) e se estiver disponível uma imagem. Esta propriedade ajuda a simplificar a experiência de navegação, porque nem todas as dimensões das variantes de produtos têm de ser seleccionadas para que a imagem correspondente seja actualizada. Esta propriedade está disponível no separador Advanced .

Importante

A propriedade Update media on dimension selection está disponível a partir da versão 10.0.21 do Commerce. Requer a instalação do pacote de bibliotecas do módulo Commerce versão 9.31.

A ilustração seguinte mostra um exemplo de um módulo de galeria de média onde estão disponíveis as opções de ecrã inteiro e de zoom.

Exemplo de um módulo de galeria de média onde estão disponíveis as opções de ecrã completo e zoom.

A ilustração seguinte mostra um exemplo de um módulo de galeria multimédia que tem imagens seleccionadas (ou seja, as imagens especificadas não dependem da ID do produto ou do contexto da página).

Exemplo de um módulo de galeria de multimédia com imagens seleccionadas.

Interação da unidade de escala comercial

Quando a origem da imagem é derivada do contexto da página, a ID do produto da PDP é utilizada para obter as imagens. O módulo da galeria multimédia recupera o caminho do ficheiro de imagem para os produtos utilizando as interfaces de programação de aplicações (APIs) da Commerce Scale Unit. As imagens são depois retiradas da biblioteca multimédia para poderem ser apresentadas no módulo.

Para adicionar um módulo de galeria multimédia a uma página de marketing, siga estes passos.

  1. Aceda a Templates e seleccione New para criar um novo modelo.
  2. Na caixa de diálogo Novo modelo , em Nome do modelo, introduza Modelo de marketing e, em seguida, seleccione OK.
  3. Na ranhura Corpo , seleccione as reticências (...) e, em seguida, seleccione Adicionar módulo.
  4. Na caixa de diálogo Select modules , seleccione o módulo Default Page e, em seguida, seleccione OK.
  5. Na ranhura Main da página predefinida, seleccione as reticências (...) e, em seguida, seleccione Add module.
  6. Na caixa de diálogo Select modules , seleccione o módulo Container e, em seguida, seleccione OK.
  7. Seleccione Guardar, seleccione Terminar edição para verificar o modelo e, em seguida, seleccione Publicar para o publicar.
  8. Aceda a Pages e seleccione New para criar uma nova página.
  9. Na caixa de diálogo Criar uma nova página , em Nome da página, introduza Página da galeria de média e, em seguida, seleccione Next.
  10. Em Escolha um modelo, seleccione o modelo Marketing que criou e, em seguida, seleccione Next.
  11. Em Escolha uma apresentação, seleccione uma apresentação de página (por exemplo, Apresentação flexível) e, em seguida, seleccione Next.
  12. 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.
  13. Na ranhura Main da nova página, seleccione as reticências (...) e, em seguida, seleccione Add module.
  14. Na caixa de diálogo Select modules , seleccione o módulo Container e, em seguida, seleccione OK.
  15. Na ranhura Container , seleccione as reticências (...) e, em seguida, seleccione Adicionar módulo.
  16. Na caixa de diálogo Select modules , seleccione o módulo Media gallery e, em seguida, seleccione OK.
  17. No painel de propriedades do módulo da galeria multimédia, em Image source, seleccione Productid. Em seguida, no campo Product id , introduza um ID de produto.
  18. Seleccione Guardar e, em seguida, seleccione Pré-visualizar para pré-visualizar a página. Deve poder ver as imagens do produto numa vista de galeria.
  19. Para utilizar apenas imagens com curadoria, no painel de propriedades, em Fonte de imagem, seleccione Productid. Em seguida, em Imagens, seleccione Adicionar uma imagem tantas vezes quantas as necessárias para adicionar imagens da biblioteca multimédia.
  20. Defina quaisquer propriedades adicionais que pretenda definir, tais como Zoom da imagem, Fator de zoom, e Orientação das miniaturas.
  21. Quando tiver terminado, seleccione Guardar, seleccione Terminar edição para verificar a página e, em seguida, seleccione Publicar para a publicar.

Recursos adicionais

Descrição geral da biblioteca de módulos

Comprar módulo de caixa

Módulo de contentor

Carregar imagens