Loja Virtual - Estilos (Layout Personalizado) » Histórico » Versão 30
johny, 09/07/2018 17:31 h
| 1 | 1 | johny | h1. Loja Virtual - Estilos (Layout Personalizado) |
|---|---|---|---|
| 2 | 2 | johny | |
| 3 | 30 | johny | Caminho : Portal B2B/B2C > B2C > Cadastros > Estilos |
| 4 | 30 | johny | |
| 5 | 9 | johny | h2. Funcionamento padrão do Estilo/Layout na tela inicial do site: |
| 6 | 2 | johny | |
| 7 | 2 | johny | Existem uma ordem fixa na qual os itens são carregados: |
| 8 | 8 | johny | # Carrossel; |
| 9 | 8 | johny | # Vantagens; |
| 10 | 8 | johny | # Layout Genérico; |
| 11 | 8 | johny | # Galeria Home; |
| 12 | 8 | johny | # Instagram Widget; |
| 13 | 2 | johny | |
| 14 | 2 | johny | h2. Como os Estilos funcionam: |
| 15 | 2 | johny | |
| 16 | 2 | johny | É possível cadastrar vários estilos diferentes, ativando um deles a home será carregada usando os componentes que serão cadastrados para este estilo. |
| 17 | 2 | johny | Para utilizar um estilo você precisará realizar o cadastro de componentes, que podem ser dos seguintes tipos: |
| 18 | 2 | johny | * Banner; |
| 19 | 2 | johny | * Carrossel; |
| 20 | 2 | johny | * Vantagem; |
| 21 | 2 | johny | * Destaque; |
| 22 | 2 | johny | * Layout Genérico; |
| 23 | 2 | johny | * Galeria; |
| 24 | 2 | johny | * Widget Instagram; |
| 25 | 2 | johny | |
| 26 | 2 | johny | Ao cadastrar um componente você precisa informar a ordem dele, essa ordem é um numero de 0 a 999. |
| 27 | 2 | johny | |
| 28 | 2 | johny | h2. A estrutura de menus funciona de seguinte forma: |
| 29 | 2 | johny | |
| 30 | 2 | johny | Abaixo segue o fluxo de cadastro para um Estilo e um Banner para ele: |
| 31 | 2 | johny | |
| 32 | 25 | johny | 1- Cadastre um Estilo: |
| 33 | 24 | johny | !cadastro-estilo.jpg! |
| 34 | 23 | johny | |
| 35 | 27 | johny | |
| 36 | 29 | johny | 2- Cadastre um Componente informando o tipo do mesmo como Carrossel (ou qualquer outro tipo) e diga à qual estilo ele pertence. |
| 37 | 22 | alexandre | !cadastro-componente.jpg! |
| 38 | 22 | alexandre | |
| 39 | 25 | johny | 3- Criar um Item Banner (pode ser qualquer outro item) nos novos cadastros de Itens de Estilo, dizendo à qual componente ele pertence; |
| 40 | 22 | alexandre | 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. |
| 41 | 1 | johny | |
| 42 | 22 | alexandre | !cadastro-item_banner.jpg! |
| 43 | 22 | alexandre | |
| 44 | 14 | johny | h2. Testando/Aplicando o Estilo |
| 45 | 15 | johny | |
| 46 | 1 | johny | Toda a alteração feita irá para uma página *teste-estilo* (https://www.nome-da-loja.com.br/teste-estilo). |
| 47 | 1 | johny | |
| 48 | 13 | johny | Após testada e pronta, para utilizar, é necessário alterar o Layout para Estilos (Portal B2BB2C/Geral/Config. Empresa/B2C). |
| 49 | 22 | alexandre | |
| 50 | 22 | alexandre | !aplicacao-estilo.jpg! |
| 51 | 17 | johny | |
| 52 | 5 | johny | h2. Atenção |
| 53 | 6 | johny | |
| 54 | 7 | johny | 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. |
| 55 | 2 | johny | |
| 56 | 5 | johny | h3. Itens com múltiplos itens: |
| 57 | 6 | johny | |
| 58 | 2 | johny | Um detalhe a se atentar, nos tipos: Carrossel, Vantagem e Destaques, temos a possibilidade de incluir vários itens ao mesmo componente. |
| 59 | 2 | johny | Estes componentes precisam de múltiplos itens para serem construídos, o Carrossel por exemplo é composto de vários Banners. |
| 60 | 10 | johny | |
| 61 | 10 | johny | h3. Widget |
| 62 | 10 | johny | |
| 63 | 11 | johny | 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). |