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/Aplicando o Estilo¶

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

Após testada e pronta, para utilizar, é necessário alterar o Layout para Estilos (Portal B2BB2C/Geral/Config. Empresa/B2C).
(Anexo aplicacao-estilo.jpg)

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).