Partilhar via

Trabalhar com módulos

  • Artigo

Isto artigo descreve como e quando utilizar módulos no construtor de sítios Microsoft Dynamics 365 Commerce .

Os módulos são blocos de construção lógicos que constituem a estrutura da sua página e têm várias finalidades e âmbitos. Alguns módulos são contentores de alto nível, e o seu único objetivo é manter e organizar outros módulos (módulos filhos). Outros módulos, como um simples módulo de colocação de imagens, têm um objetivo muito específico. Outros módulos, como um módulo de carrossel, situam-se algures entre estas duas categorias.

Por predefinição, o seu site Dynamics 365 Commerce inclui uma biblioteca de módulos que lhe permite realizar a maioria dos cenários básicos de comércio eletrónico. Deve ser capaz de construir um sítio de comércio eletrónico de ponta a ponta utilizando apenas estes módulos. No entanto, também pode querer personalizar estes módulos ou criar novos módulos personalizados para necessidades específicas. Se pretender criar módulos personalizados, está disponível um kit de desenvolvimento de software (SDK) de conceção de módulos para o ajudar a criar uma biblioteca de módulos personalizada.

Módulos de contentores e ranhuras

Como já foi referido, alguns módulos foram concebidos para conter módulos secundários. Estes módulos são conhecidos como containers, e permitem hierarquias de módulos aninhados. Os módulos de contentores incluem slots. As ranhuras são utilizadas para gerir a disposição e o objetivo dos módulos secundários no contentor. Um exemplo é um módulo de contentor de página básico (um módulo de nível superior para qualquer página) que define várias ranhuras importantes:

  • Uma ranhura de cabeçalho
  • Uma ranhura de subcabeçalho
  • Uma ranhura principal
  • Uma ranhura de rodapé
  • Uma ranhura de sub-base

O programador do módulo define estas ranhuras e determina quais os módulos filhos e quantos módulos filhos podem ser colocados diretamente dentro dele. Por exemplo, a ranhura do cabeçalho pode suportar apenas um módulo do tipo Header Module , enquanto a ranhura do corpo pode suportar um número ilimitado de módulos de qualquer tipo (exceto outros módulos de contentores de páginas).

Nas ferramentas de criação, os autores de páginas não têm de saber antecipadamente quais os módulos que podem ou não ser colocados em cada ranhura. Quando os autores de páginas seleccionam uma ranhura e tentam selecionar um módulo para adicionar à mesma, vêem uma vista filtrada dos tipos de módulos que são suportados por essa ranhura.

Módulos de conteúdo

Os módulos de conteúdo contêm elementos de conteúdo e multimédia, como texto (por exemplo, títulos, parágrafos e ligações) ou referências de activos (por exemplo, imagens, vídeos e PDFs). Os tipos de módulos de conteúdo típicos incluem blocos de conteúdo, blocos de texto e módulos de banners promocionais. Os módulos destes três tipos podem conter texto ou multimédia e não necessitam de quaisquer módulos secundários para tornar algo visível numa página.

A maioria das actividades típicas e quotidianas de criação de páginas e conteúdos envolve módulos de conteúdo, principalmente porque estes módulos definem o conteúdo real que é apresentado nos seus módulos de contentores principais. Estão disponíveis muitos módulos de conteúdo, e estes módulos são normalmente as últimas peças que adiciona à hierarquia de módulos aninhados de uma página.

A ilustração seguinte mostra como os módulos são aninhados nas ranhuras do módulo do contentor principal.

Módulos de aninhamento.

Adicionar ou remover módulos

Os procedimentos seguintes descrevem a forma de adicionar e remover módulos.

Adicionar um módulo

Para adicionar um módulo a uma ranhura ou contentor numa página, siga estes passos.

  1. No painel de contorno à esquerda ou diretamente na ecrã principal, seleccione um contentor ou ranhura ao qual pode ser adicionado um módulo secundário.

    Nota

    O designer de módulos define a lista de tipos de módulos que podem ser adicionados a uma ranhura de módulo específica. Os autores de modelos podem então refinar as opções de módulo permitidas para ajudar a garantir uma otimização consistente para os motores de busca (SEO) e uma eficiência de criação para todas as páginas criadas a partir de um modelo específico. Ao adicionar um módulo a uma ranhura, a caixa de diálogo Add Module é automaticamente filtrada de modo a mostrar apenas os módulos que são suportados no contentor ou ranhura seleccionados. Esta lista de módulos permitidos é determinada pelo modelo da página ou pela definição do módulo do contentor.

  2. Se utilizar o painel de contornos, seleccione as reticências (...) junto ao nome do módulo e, em seguida, seleccione Adicionar módulo. Se utilizar os controlos diretamente na ecrã, seleccione o símbolo de mais (+) numa ranhura vazia ou adjacente ao módulo atualmente selecionado e, em seguida, seleccione Adicionar módulo.

    Nota

    Se um contentor ou ranhura não suportar novos módulos secundários, a opção Add Module não está disponível.

  3. Na caixa de diálogo Add Module , seleccione um módulo para adicionar à sua página.

    Sugestão

    Bloco de conteúdo é um bom tipo de módulo para os principiantes trabalharem.

  4. Seleccione OK para adicionar o módulo selecionado ao contentor ou ranhura selecionada na sua página.

Remover um módulo

Para remover um módulo de uma ranhura ou de um contentor numa página, siga estes passos.

  1. No painel de contorno à esquerda, seleccione as reticências (...) junto ao nome do módulo a remover e, em seguida, seleccione o símbolo do caixote do lixo. Em alternativa, na ecrã principal, pode selecionar o símbolo do caixote do lixo na barra de ferramentas de um módulo selecionado.
  2. Quando lhe for pedido para confirmar que pretende remover o módulo, seleccione OK.

Mover um módulo para uma nova posição

Para mover um módulo para uma nova posição na sua página, utilize qualquer um dos seguintes métodos.

Mover um módulo utilizando o painel de contornos

Para mover um módulo utilizando o painel de contorno, siga estes passos.

  1. Seleccione e mantenha premido o módulo que pretende mover no painel de contorno e, em seguida, arraste o módulo para uma nova posição no contorno. A linha azul no contorno e na ecrã indica onde o módulo pode ser colocado.
  2. Solte o módulo para o colocar na nova posição.

Mover um módulo diretamente na ecrã

Para mover um módulo diretamente na ecrã, siga estes passos.

  1. Seleccione o módulo que pretende deslocar na ecrã.
  2. Seleccione um símbolo de seta apontando para cima ou para baixo na barra de ferramentas do módulo e, em seguida, arraste a seta para uma nova posição na página. A linha azul na ecrã e o contorno indicam onde o módulo pode ser colocado. Se um módulo não puder ser movido para cima ou para baixo, o símbolo da seta ficará a cinzento.
  3. Solte o módulo para o colocar na nova posição.

Mover um módulo utilizando o menu de reticências

Para mover um módulo utilizando o menu de reticências, siga estes passos.

  1. Seleccione um módulo no esboço ou na ecrã.
  2. Seleccione as elipses (...) junto ao nome do módulo no painel de contorno ou na barra de ferramentas do módulo no ecrã.
  3. Se o módulo puder ser movido para cima ou para baixo dentro do contentor ou da ranhura, verá as opções Move up ou Move down. Seleccione a opção de deslocação pretendida para mover o módulo para cima ou para baixo em relação aos seus irmãos.

Configurar módulos

Os procedimentos seguintes descrevem como configurar os módulos de conteúdo e de contentor.

Configurar um módulo de conteúdo

Para configurar um módulo de conteúdo numa página, siga estes passos.

  1. No painel de contorno à esquerda, expanda a árvore e seleccione qualquer módulo de conteúdo (por exemplo, Bloco de conteúdo). Em alternativa, pode selecionar o módulo na ecrã principal.
  2. No painel de propriedades do módulo, à direita, introduza as propriedades de todos os controlos de módulo pretendidos.
  3. Na barra de comando, selecione Guardar. Isto também actualizará a ecrã de pré-visualização.

Editar as propriedades do texto do módulo

As propriedades de texto do módulo que não são só de leitura podem ser editadas diretamente no ecrã.

Para editar as propriedades do texto do módulo, siga estes passos.

  1. Seleccione o controlo de texto na ecrã e, em seguida, coloque o cursor no local onde pretende editar o texto.
  2. Introduza o seu conteúdo de texto.
  3. Seleccione qualquer ponto fora do conteúdo de texto para continuar a editar outro conteúdo.

Seleção de imagens em linha

As imagens do módulo que não são só de leitura podem ser alteradas diretamente a partir do ecrã.

Para escolher uma nova imagem para um módulo de conteúdo, siga estes passos.

  1. Na ecrã, faça duplo clique na imagem. Isto abrirá a janela de seleção de meios de comunicação.
  2. Procure e seleccione uma nova imagem que pretenda utilizar e, em seguida, seleccione OK. A nova imagem é agora renderizada na ecrã.

Configurar um módulo de contentor

Para configurar um módulo de contentor numa página, siga estes passos.

  1. Seleccione um módulo de contentor na sua página (por exemplo, um carrossel ou um módulo de contentor fluido).
  2. No painel de propriedades à direita, expanda os controlos aninhados seleccionando os cabeçalhos e defina quaisquer valores de controlo necessários.
  3. No painel de contorno à esquerda, seleccione o botão de reticências junto ao nome do contentor ou de quaisquer ranhuras dentro do contentor e, em seguida, seleccione Adicionar módulo. Em seguida, adicione módulos secundários ao contentor selecionado. Para obter mais informações, consulte a secção Trabalhar com módulos anteriormente neste artigo.
  4. Se existirem vários módulos filhos como irmãos num contentor principal, é possível alterar a sua ordem de apresentação no contentor principal. Seleccione o botão de reticências para um módulo e, em seguida, utilize os botões de seta para cima e para baixo.

Recursos adicionais

Visão geral dos modelos e layouts

Trabalhar com modelos

Trabalhar com layouts predefinidos

Trabalhar com fragmentos

Adicionar um módulo de contentor a uma página

Trabalhar com grupos de publicação