- Seção
FC 3813 :: É possível personalizar o design da loja?
A personalização do design pode ser feita pelo lojista, por webdesigner de sua preferência ou por profissional indicado por nós.
Seguem algumas informações que irão auxiliar na implementação ou na alteração do design da loja no Fastcommerce:
1) Estrutura dos arquivos
As páginas do site são compostas por cabeçalho + rodapé + barra direita + barra esquerda, além do corpo da página. Cada parte deve ser enviada em arquivo HTML separado para a pasta HTM do gerenciador de arquivos da loja. O sistema se encarrega de agrupá-las para gerar as páginas.
1.1) Estrutura padrão para lojas virtuais:
Veja mais detalhes sobre os arquivos que compõe o design da loja na página Textos & imagens do site administrativo.
2) Tags especiais para criar links, caminhos para imagens, etc
Veja exemplos de como montar links internos para os produtos, categorias, contato, etc:
http://www.rumo.com.br/sistema/adm/ExemplosLinks.htm
Você pode utilizar qualquer tag html + javascript + java + dhtml em seus projetos, além das tags especiais do cHTML:
http://www.rumo.com.br/sistema/adm/TagsEspeciais.htm
Exemplo 1 : Para criar link para uma página chamada QuemSomos.htm, utilize:
<a href="<HTMLoja>QuemSomos.htm">Quem somos</a>
ou
<a href="Custom.asp?IDLoja=<IDLoja>&arq=QuemSomos.htm">Quem somos</a>
com URL amigável:
<a href="/page,idloja,<IDLojaNum>,arq,QuemSomos.htm,sobre-a-nossa-empresa">Quem somos</a>
Exemplo 2 : Para criar link para uma imagem chamada Imagemdaloja.jpg, utilize:
<img src="<BaseLoja>images/Imagemdaloja.jpg">
A tag <Baseloja> é substituída automaticamente pelo sistema por ../lojas/00000000/, desta forma o caminho para a imagem fica ../lojas/00000000/images/Imagemdaloja.jpg. (00000000 é o nome da pasta correspondente ao ID da loja com 8 posições. Se o ID da loja for 154, ficaria 00000154)
3) Títulos, botões e fundo da loja
Os títulos, botões e fundo da loja são definidos na página Estilos & cores do site administrativo, onde é possível também definir o tipo das imagens (GIF, JPG ou PNG)
Para ver o nome dos arquivos de títulos e ícones de navegação, clique no primeiro botão Visualizar da página Estilos & cores, no site administrativo.
4) Estilos CSS da loja
As fontes são definidas através de CSS, desde o tamanho de letra para os preços e textos descritivos de produtos até as cores dos formulários de cadastramento.
Criamos uma loja fictícia para exemplificar algumas classes CSS e para disponibilizar alguns códigos HTML. Visite esta loja em:
http://css.fastcommerce.com.br
5) Outras personalizações
Seguem abaixo algumas das personalizações que podem ser realizadas no design da loja:
5.1) Como inserir o parcelamento na página inicial da loja
5.2) Layout da lista/detalhes de produtos
5.3) Personalização de estilos no cross selling
5.4) Como adicionar ordenação na lista de produtos da loja
5.5) Como padronizar a largura das imagens de produtos
5.6) Personalização do link "Indique este produto a um amigo"
5.7) Código HTML para inserir link para o chat em outras páginas da loja
5.8) Código HTML para inserir e-mail na lista de assinantes de e-mail marketing da loja
5.9) Código HTML para criar busca personalizada na loja
5.10) Parâmetros de busca a página que lista os produtos aceita
5.11) Código HTML para criar formulário personalizado
5.12) Como simplificar o design das páginas de finalização do pedido
5.13) Como ver a loja na versão "Mobile" em meu computador
5.14) Como informar a quantidade de cada produto antes de colocá-lo na cesta
5.15) Como alterar os estilos dos botões Continuar na confirmação do pedido
5.16) Posso mudar o estilo da descrição da forma de pagamento na página de confirmação
5.17) Como alterar o conteúdo da página de Ajuda da loja
5.18) Posso enviar os arquivos para minha loja via FTP?
5.19) Posso hospedar arquivos de programação ASP, PHP no Fastcommerce?
5.20) Como utilizar fontes de texto adicionais?
6) Dicas de personalização de design e erros mais comuns
Ao alterar os arquivos deve-se ter muito cuidado para manter o correto funcionamento da loja. Ao longo dos anos verificamos os erros mais comuns cometidos pelos lojistas e pelos webdesigners das lojas, que listamos abaixo.
Alguns destes erros causam a exibição de alerta de segurança em páginas acessadas com https:. Outros impedem a exibição de imagens ou prejudicam a performance da navegação. Tais erros podem ter consequências negativas nos resultados financeiros da loja.
7) Recomendações de webdesigners
Caso necessite de recomendações de webdesigners para sua loja, solicite através do e-mail suporte@fastcommerce.com.br
8) Informações importantes para o desenvolvimento de novos layouts
Clique aqui para ver informações que devem ser levadas em consideração, quando for criar ou contratar uma empresa para desenvolver o layout para sua loja virtual.
|
