Loja Virtual - Estilos (Layout Personalizado)¶

Funcionamento padrão do Estilo/Layout na tela inicial do site:¶

Existem uma ordem fixa na qual os itens são carregados:

1. Carrossel;
2. Vantagens;
3. Layout Genérico;
4. Galeria Home;
5. Instagram Widget;

Como os Estilos funcionam:¶

É possível cadastrar vários estilos diferentes, ativando um deles a home será carregada usando os componentes que serão cadastrados para este estilo.
Para utilizar um estilo você precisará realizar o cadastro de componentes, que podem ser dos seguintes tipos:

• Banner;
• Carrossel;
• Vantagem;
• Destaque;
• Layout Genérico;
• Galeria;
• Widget Instagram;

Ao cadastrar um componente você precisa informar a ordem dele, essa ordem é um numero de 0 a 999.

A estrutura de menus funciona de seguinte forma:¶

Abaixo segue o fluxo de cadastro para um Estilo e um Banner para ele:

1. Cadastre um Estilo. (Anexo cadastro-estilo.jpg)
2. Cadastre um Componente informando o tipo do mesmo como Carrossel e dizer a qual estilo ele pertence. (Anexo cadastro-componente.jpg)
3. Criar um Item Banner (pode ser qualquer outro item) nos novos cadastros de Itens de Estilo, dizendo à qual componente ele pertence;
   Dizer no item qual elemento da loja ele representa, no caso como este é um Item de Banner é preciso informar qual banner você quer que ele utilize. (Anexo cadastro-item_banner.jpg)

Testando o cadastro¶

Toda a alteração feita irá para página https://www.nome-da-loja.com.br*/teste-estilo*

Atenção¶

Os Componentes e Itens são apenas maneiras de se organizar itens já existentes na Loja, se você quiser inserir um novo banner no seu Estilo e ele não existe na loja, deve ser feito um cadastro de Banner comum e então em um Item de Banner apontar o novo código.

Itens com múltiplos itens:¶

Um detalhe a se atentar, nos tipos: Carrossel, Vantagem e Destaques, temos a possibilidade de incluir vários itens ao mesmo componente.
Estes componentes precisam de múltiplos itens para serem construídos, o Carrossel por exemplo é composto de vários Banners.

Widget¶

Não possui um cadastro de item, pois é um código HTML do Instagram cadastrado nos Parâmetros da Loja (ConfiguraçãoB2BB2C/Config. Empresa/Redes Sociais/campo Instagram Widget).