Acordeão

Este componente é utilizado para apresentar informações detalhadas e variadas, que podem ir desde temas como descrições de funcionalidades da tua loja, perguntas frequentes, detalhes de produtos, entre outros.

Configurações do componente

Ao clicar no nome do componente, encontrarás opções gerais de personalização que determinam o aspeto e o comportamento da secção. As opções disponíveis para este componente são as seguintes:

Ajustar largura do acordeão

Ao ativar esta opção, as seguintes opções ficam visíveis:

Largura

Permite definir a largura do acordeão, com base nas seguintes predefinições:

• Pequeno: define a largura do acordeão para 50% do espaço disponível.
• Médio: define a largura do acordeão para aproximadamente 66% do espaço disponível.
• Grande: define a largura do acordeão para aproximadamente 83% do espaço disponível.

Quando esta opção está desativada, o acordeão irá estender-se para ocupar toda a largura da secção.

Posição horizontal

Permite definir a posição do acordeão no eixo horizontal.

Ativar itens colapsáveis

Ao ativar esta opção, quando o utilizador clicar num item do acordeão, os restantes serão fechados. Por outro lado, ao desativá-la, todos os itens permanecerão abertos ao clicar neles.

Primeiro item aberto

Permite definir que o primeiro item do acordeão seja aberto por defeito ao carregar a página. A forma como esse item se fecha (ou não) dependerá do comportamento da opção anterior.

Mostrar ícones

Permite apresentar ícones no lado esquerdo do título de cada item. Ao ativar esta opção, será exibida uma opção de ícone em cada configuração de Item de Acordeão.

Opções de cabeçalho

Ao ativar esta opção, será exibida uma secção de Cabeçalho antes do conteúdo do componente. Podes consultar a lista de opções em esta página.

Aparência

Este grupo contém as seguintes opções para personalizar o componente:

• Estilo das bordas: permite definir a forma como as bordas do acordeão serão apresentadas.
• Margem superior: permite controlar a margem superior da secção.
• Margem inferior: permite controlar a margem inferior da secção.
• Cores do conteúdo: permite escolher o Pacote de Cores do componente.

Animações

A opção Personalizar opções permite ajustar as animações deste componente específico. Podes consultar quais estão disponíveis em esta página.

---

---

Configurações do subcomponente

O subcomponente de um Acordeão chama-se Item de Acordeão, e podes adicionar quantos quiseres para fornecer todas as informações necessárias aos teus clientes. As opções para este subcomponente são as seguintes:

Ícone

Permite definir um ícone para o item. Só será exibido se a opção Mostrar ícones estiver ativa nas configurações principais do componente.

Título

Título ou nome do item do acordeão.

Nota: Este campo é obrigatório.

Conteúdo

Aqui podes adicionar um texto ou descrição para o item do acordeão.

Imagem

Permite adicionar uma imagem juntamente com o conteúdo do item do acordeão. As seguintes opções estarão disponíveis para a personalizar:

• Tamanho da imagem: permite definir a largura da imagem entre 10% e 100%. Estas percentagens dependem da largura do item, que por sua vez depende da largura total do acordeão.
• Posição da imagem: permite definir se a imagem será apresentada antes ou depois do conteúdo do item.