1. Containers

O container é o componente base de todos os componentes, pois somente com ele é possível dividir o site em colunas, auxiliando a configuração responsiva para dispositivos mobile.

1. Containers

O container é o componente base de todos os componentes, pois somente com ele é possível dividir o site em colunas, auxiliando a configuração responsiva para dispositivos mobile.

texto opcional e livre

wemobi text usando estilo pré estabelecido

Container de fundo com parallax - texto com alteração de text size e font family

2. Text Component

O componente de texto é também muito utilizado para qualquer tipo de contéudo, nele você pode editar textos no editor WYSIWYG (na imagem abaixo) ou pode utilizar o editor HTML para customizar da forma que preferir. 

HTML Editor
WYSIWYG Editor

3. Image (v2) Component

O componente de imagem pode ser configurado de várias formas, uma vez que ele ocupa 100% da largura disponível para ele, em forma de banner, como no exemplo abaixo.

Para isso, é importante que a imagem tenha uma largura de, pelo menos, 1280px e que esteja fora de um Container

3.1 Image(v2) Component dentro de Container

O componente de imagem pode ser configurado de várias formas, uma vez que ele ocupa 100% da largura disponível para ele,  no exemplo abaixo, é possível controlar a largura da imagem com um Containers 

Para isso, é importante configurar o container da forma desejada, atentando-se ao padding do container, largura e margem, sempre levando em consideração o design em 12 colunas:

Guia sobre grids e colunas para design responsivo

https://brasil.uxdesign.cc/um-guia-completo-sobre-grids-para-design-responsivo-6b192fea0124

Botões

Componentes Personalizados

Os componentes personalizados são alguns componentes agrupados para facilitar a edição e criação de novos conteúdos.

 

Pontos de Embarque

          Conheça as opções de embarque saindo de:

Este abaixo é o carrossel antigo, antes das mudanças

 

Slick tabs

          Componente de texto não obrigatório:

Advantage cards

Subtítulo opcional - O componente retorna 3 cards como padrão mas é possível ocultá-los na hora da edição. Ao ocultar, mantem o alinhamento à esquerda
Accordion - Frequently Asked Questions
Criado para perguntas frequentes porém o modelo de accordion pode ser usado em qualquer outra forma de contéudo

Componente text (v2) - Dentro de question Item sempre deverá ser incluído um texto (sem espaço) no Accordion item id para possibilitar a abertura do accordion no modo de publicação. Os textos devem ser diferentes para cada question item.

Para que seja possível incluir este componente de texto, dentro das configurações do question item, deve ser selecionado o checkbox "Enable item editing"

Componente text (v2) - Dentro de question Item sempre deverá ser incluído um texto (sem espaço) no Accordion item id para possibilitar a abertura do accordion no modo de publicação. Os textos devem ser diferentes para cada question item.

Para que seja possível incluir este componente de texto, dentro das configurações do question item, deve ser selecionado o checkbox "Enable item editing"

Componente Media and Text. Possibilita a inclusão de imagem, texto e botão com layout pré determinado

Componente
Collaboration

Possibilidade de inclusão de texto livre com e sem hyperlinke

Texto com estilo Author Role aplicado. A quantidade de "cards" é configurável via AEM mas não recomendamos mais de 3 para não quebrar o layout.

Texto e formatação livre

Texto livre

Texto livre...

Texto livre.

 

Texto livre

Texto livre.

Texto livre

Vídeo