LOJAS ESPECIAIS 2014

Transcrição

1 LOJAS ESPECIAIS 2014

2 LOJAS ESPECIAIS 2014 ÍNDICE Personalização da Página 3 Dúvidas Frequentes 6

3 LOJAS ESPECIAIS 2014 PERSONALIZAÇÃO DA PÁGINA Para iniciar a personalização acesse Catalogo Gerenciar Categorias e clique na categoria que deseja personalizar: Após isso acesse a aba Design Customizado onde ficam as opções de personalização: Opções: - Usar Definições da Categoria Pai: Caso esteja personalizando uma Sub-Categoria, poderá marcar SIM para que pegue as configurações personalizadas da Categoria Pai (principal). - Aplicar aos produtos: Marque sim caso queira que ao clicar em um produto o layout da página do produto herde as configurações da categoria.

4 - Design Personalizado: Nessa opção você pode selecionar um layout configurado por nossa equipe. - Ativo de / Ativo até: É possível selecionar uma data para essa personalização ficar ativa, para casos de personalizações sazionais. - Layout da Página: Esta opção serve para subdividir a página em colunas: Vazio: O layout da categoria virá em branco, sem trazer nenhuma listagem. Essa opção é ideal para personalizações totais da página. E é possível personalizar o CSS e o HTML dessa página montando um bloco estático com o código. 1 Coluna: Somente mostrará a listagem de produtos da pagina sem menu e sem as laterais. 2 Colunas com barra esquerda: Irá aparecer o conteúdo da pagina + coluna esquerda, onde poderá inserir banners ou adicionar filtros na lateral esquerda. 2 Colunas com barra direita: Irá aparecer o conteúdo da pagina + coluna direita, onde poderá inserir banners ou adicionar filtros na lateral direita. 3 Colunas: Irá aparecer o conteúdo da pagina + coluna esquerda + coluna direita, onde poderá inserir banners ou adicionar filtros nas colunas laterais. - Imagem de Fundo: Poderá inserir uma imagem para ficar no fundo do layout (tamanho ideal: 1440x800px, porém o tamanho pode ser tanto maior quanto menor). - Cor de Fundo (Hexadecimal): Altera a cor do fundo da página. - Cor dos Elementos (HEXADECIMAL): Altera a cor do fundo dos elementos no rodapé.

5 - Posição Background: é possível definir o posicionamento da imagem no background. - Tipo de Exibição do Background: define se a imagem de fundo será fixa (não acompanhando a rolagem) ou se será normal, acompanhando a rolagem. - Repetição do Background: Defina se a imagem de background irá se repetir. Ideal para formar padrões. - Menu Especial: é possível configurar menus em CMS Menus e depois atrelá-los para exibição nesta página que está sendo personalizada. - Alinhamento Menu: Define se o menu será alinhado a esquerda, direita ou centralizado. - Posição Filtro: Na aba Definição de Exibição é possível ativar um filtro baseado nos atributos da categoria, nesta opção você escolhe onde será exibido esse filtro na categoria. - Atualização de Layout Personalizado: Esse é um campo avançado que permite inserir exceções de como o sistema deve montar essa página, através de instruções via XML. Esse campo não deve ser usado por pessoas que não dominem o sistema.

6 LOJAS ESPECIAIS 2014 DÚVIDAS FREQUENTES Como incluo uma imagem acima do conteúdo principal da pagina? - Na aba Informações Gerais existe o campo IMAGEM onde é possível definir uma imagem de topo para o conteúdo principal da página. Consigo inserir banners e blocos nessa paginas? - Sim, acesse CMS Bloco estático clique em um bloco existente ou crie um bloco novo. Depois na tela de edição do bloco clique em inserir imagens para criar seu bloco ou banner. Depois vá em CMS Widgets e configure onde o bloco deve aparecer na loja, nesse caso como estamos editando uma categoria específica, selecione Categoria âncora. E depois selecione um local na página para exibi-lo. Posso alterar todo o CSS da página? - Sim, crie um bloco em CMS Bloco estático e dentro do bloco insira seu código CSS inline dentro de uma tag <style>. Feito isso acesse Catálogo Gerenciar Categorias e clique na categoria desejada na aba Definições de Exibição altere as opções: - Modo de Exibição para Blocos estáticos e Produtos - Bloco CMS marque o bloco estático que você criou, e o CSS desse bloco ficará atrelado a esta página. Obs.: Caso seja necessário editar no futuro o código CSS desse bloco, recomenda-se que sempre se copie e cole o código todo nessa área, uma vez que ao entrar para editar novamente o bloco o sistema pode retirar a formatação correta da tag, corrompendo o código atual.