Configurar a aparência e o design de um campo galeria no construtor visual

Este guia irá acompanhá-lo na configuração da aparência gráfica e do design do bloco "Campo adicional" quando este estiver vinculado a um campo do tipo Galeria.

Configurar a aparência do Campo Galeria no Visual Builder

Para modificar a aparência de uma galeria de imagens inserida através de um campo adicional, você deve acessar as configurações avançadas do bloco no Visual Builder.

1. Abra as Configurações do Bloco:

No Visual Builder, clique no bloco Campo adicional que você inseriu na sua página para abrir a janela de configuração.

2. Verifique a Origem do Campo:

Na seção origin (Origem):

  • Certifique-se de ter selecionado o Modulo de origem correto.
  • No campo Campo para mostrar, verifique se está selecionado o campo adicional do tipo Galeria.

3. Acesse as Configurações de Design da Galeria:

Role a janela de configuração até encontrar a seção settings. Aqui você encontrará um grupo de configurações específico para o tipo de campo selecionado.

  • Localize o painel de configuração rotulado ou referente à Galeria (data-name="gallery").

4. Configure o Layout (Carrossel/Visualização):

Dentro do painel da Galeria, você encontrará as configurações relacionadas ao "carousel" (carrossel ou layout de visualização). Essas configurações permitem definir como as imagens serão dispostas:

  • Escolha o tipo de visualização (por exemplo, se as imagens devem deslizar como um carrossel ou serem exibidas em uma grade).
  • Configure os parâmetros específicos do layout (como espaçamento entre as imagens, setas de navegação, etc.).

5. Configure a Aparência das Imagens Individuais:

Ainda dentro do painel da Galeria, você encontrará as configurações relativas à aparência das imagens individuais. Essas configurações permitem:

  • Modificar o estilo das imagens (como bordas, sombras, raios de curvatura).
  • Configurar a show-quality (qualidade de exibição) para otimizar o carregamento.

6. Salve as Alterações:

Uma vez concluída a configuração do design, clique no botão de salvar para aplicar as alterações ao bloco no Visual Builder.