Loja Virtual - Estilos (Layout Personalizado) » Histórico » Versão 20
Versão 19 (johny, 04/07/2018 18:56 h) → Versão 20/31 (johny, 04/07/2018 19:08 h)
h1. Loja Virtual - Estilos (Layout Personalizado)
h2. Funcionamento padrão do Estilo/Layout na tela inicial do site:
Existem uma ordem fixa na qual os itens são carregados:
# Carrossel;
# Vantagens;
# Layout Genérico;
# Galeria Home;
# Instagram Widget;
h2. 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.
h2. A estrutura de menus funciona de seguinte forma:
Abaixo segue o fluxo de cadastro para um Estilo e um Banner para ele:
# Cadastre um Estilo. *(Anexo cadastro-estilo.jpg)*
# Cadastre um Componente informando o tipo do mesmo como Carrossel e dizer a qual estilo ele pertence. *(Anexo cadastro-componente.jpg)*
# 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)*
h2. 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)*
h2. 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.
h3. 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.
h3. 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).
h2. Funcionamento padrão do Estilo/Layout na tela inicial do site:
Existem uma ordem fixa na qual os itens são carregados:
# Carrossel;
# Vantagens;
# Layout Genérico;
# Galeria Home;
# Instagram Widget;
h2. 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.
h2. A estrutura de menus funciona de seguinte forma:
Abaixo segue o fluxo de cadastro para um Estilo e um Banner para ele:
# Cadastre um Estilo. *(Anexo cadastro-estilo.jpg)*
# Cadastre um Componente informando o tipo do mesmo como Carrossel e dizer a qual estilo ele pertence. *(Anexo cadastro-componente.jpg)*
# 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)*
h2. 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)*
h2. 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.
h3. 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.
h3. 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).