Configurar as configurações de exibição de um campo no visual builder (ex. imagem, galeria ou botão de download)

Este guia explica como configurar as opções de exibição para um campo adicional (como uma imagem, uma galeria ou um botão de download) ao usar o bloco "Campo adicional" dentro do Visual Builder.


Configurar as Configurações de Exibição do Campo Adicional

Quando você insere um bloco "Campo adicional" no Visual Builder, as opções de configuração que aparecem dependem do tipo de campo que você selecionou (por exemplo, se for um campo de imagem, aparecerão as configurações da imagem).

Siga estes passos para configurar a aparência do seu campo:

Etapa 1: Seleção do Campo

1. Abra o Visual Builder e adicione o bloco Campo adicional (ou abra as configurações de um bloco existente).

2. Na seção Origem, use o menu suspenso Formulário de origem para selecionar o formulário ao qual o campo está vinculado (por exemplo, Produtos ou Clientes).

3. Use o menu suspenso Campo a mostrar para selecionar o campo adicional específico que deseja exibir.

4. Na seção Condições, verifique se o campo ID Registro principal contém o identificador correto para o dado que você deseja recuperar.

Etapa 2: Configuração das Configurações de Exibição

Após selecionar o campo, aparecerá uma seção de configuração específica (chamada blockpreferencescontainer no código) de acordo com o tipo de campo escolhido.

A. Se o campo for uma Imagem Única (single-image):

Aparecerão duas seções principais para configuração:

  • Configurações de Imagem:
  • Configure a aparência visual da imagem (tamanho, bordas, sombras, etc.).
  • Configurações ao Clicar (onclick):
  • Defina a ação que deve ocorrer quando o usuário clicar na imagem (por exemplo, abrir um link, ampliar a imagem, etc.).

B. Se o campo for uma Galeria (gallery):

Aparecerão as configurações relacionadas à exibição de várias imagens:

  • Configurações do Carrossel:
  • Configure o modo de exibição da galeria (por exemplo, como slider, como grade) e as opções de navegação (setas, pontos, autoplay).
  • Configurações de Imagem:
  • Defina a aparência e a qualidade das imagens individuais dentro da galeria.

C. Se o campo for um Arquivo para Download (download):

Aparecerá uma seção para personalizar a aparência do botão que permite o download do arquivo:

  • Configurações do Botão (download):
  • Configure o texto, o design, o estilo e a cor do botão de download.

Nota Bene: Se o campo selecionado for do tipo Texto curto, Texto longo ou Número, as opções específicas de exibição do conteúdo (como Imagem ou Galeria) não aparecerão, pois a aparência do texto é gerenciada pelas configurações gerais de tipografia do bloco.