Acabei diminuindo o layout para 1140. O problema do espaço foi reduzido quando alterei o espaço lateral entre os produtos de 20 para 15 (acredito que o padrão seja 15, mas eu havia alterado para 20 antes da alteração do container).
Agora, estou pesquisando (acho que não deve ser muito complicado) como mostrar no menu (lateral e, se possível, no superior também) os departamentos do 3º nível, pois tive que agrupar departamentos, pois no menu superior estava ocorrendo problema na visualização de itens da 1ª linha, com o da 2ª linha.
Re: Loja para avaliação
Enviado: 24 Nov 2012, 11:51
por thyagosouza
Faço das palavras do "unknown" as minhas. Cara, teria uma melhora significativa se o fundo fosse branco, pois todas suas fotos foram tiradas com fundo branco e com o fundo do site da mesma cor faria elas se encaixarem melhor na pagina.
Por ser um site com muitos produtos e diversas categorias, colocaria um menu lateral esquerdo para ajudar o visitante nas buscas e trabalharia com imagens maiores e 4 colunas de exibição, que é o ideal como você pode ver nesse video o especialista em e-commerce analisando um site >
- se não quiser ver tudo, pule para os 13:53 do video.
Gostei do esquema de ir direto ao carrinho quando se clica no botão comprar.
Se o logo for ficar assim mesmo, acharia melhor tirar o fundo verde do logo, deixando somente a parte branca "espinhada" ... ficaria melhor do que está agora.
Re: Loja para avaliação
Enviado: 24 Nov 2012, 16:50
por lucianopoa
thyagosouza escreveu:Faço das palavras do "unknown" as minhas. Cara, teria uma melhora significativa se o fundo passasse de verde-claro para branco, pois todas suas fotos foram tiradas com fundo branco e com o fundo do site da mesma cor faria elas se encaixarem melhor na pagina.
Por ser um site com muitos produtos e diversas categorias, colocaria um menu lateral esquerdo para ajudar o visitante nas buscas e trabalharia com imagens maiores e 4 colunas de exibição, que é o ideal como você pode ver nesse video o especialista em e-commerce analisando um site >
- se não quiser ver tudo, pule para os 13:53 do video.
Gostei do esquema de ir direto ao carrinho quando se clica no botão comprar.
Se o logo for ficar assim mesmo, acharia melhor tirar o fundo verde do logo, deixando somente a parte branca "espinhada" ... ficaria melhor do que está agora.
Obrigado pelas dicas.
99% das fotos dos produtos não foram tiradas por mim, foram pegas na internet, principalmente, do site dos fabricantes. Algumas são brancas, outras azuis. Os produtos que não encontrei fotos adequadas, coloquei uma foto de "imagem não disponível", pois assim que possível pretendo substituí-la por fotos de produtos que pretendo tirar.
Entretanto, não descarto em alterar o fundo da loja para branco (ou um verde ainda mais claro) . Não alterei o fundo da loja para branco de imediato, pois, anteriormente, o fundo era em verde escuro e as fonte de quase toda a loja era branco (ou alguma outra cor clara) e como eram várias partes para alterar (e verficar), prefiri, inicialmente, colocar um verde mais claro. Agora, com a cor das fontes em tonalidades mais escuras, será mais fácil alterar a cor do fundo. Também acredito que eu tenha que melhorar o contraste (através da troca de cores) entre o nome dos produtos e o valor (new) do produto (ou talvez inverter essas cores).
Quanto ao logotipo, ele é assim, mas no site o verde externo é transparente, o que o integra melhor ao sistema. Antes, o da loja estava assim (com o verde externo transparente), mas a resolução estava ruim, então, acabei colocando este, com melhor resolução (sem o verde externo transparente), até conseguir modificar a imagem de forma adequada.
Também pretendo habilitar o menu lateral na página principal (já esta habilitado na página de produtos e departamentos), mas antes pretendo efetuar algumas melhorias/correções: expandir o menu lateral ao menos até o 3° nível (como fiz recentemente no menu superior), se possível deixá-lo sempre expandido (estou, juntamente com outros usuários, neste tópico https://forum.opencartbrasil.com.br/ ... 3&start=20"trabalhando"/"pesquisando" essas alterações).
As imagens maiores e 4 colunas para exibição seria na página inicial da loja (ainda não pude assistir ao vídeo)? Já estive aumentando um pouco o tamanho dos produtos (atualmente os produtos em destaque estão em 100x100 e antes eram 80x80), mas fiquei com medo de estar colocando-os com um tamanho maior do que deveriam ficar. Vou procurar aumentar um pouco mais e ver como é que fica.
______________________________________________________
Editado: Agora aumentei para 120x120 o tamanho dos produtos em destaque. Ia aumentar ainda mais, mas parece que tem alguma configuração no arquivo css, que limita tamanho do campo dos produtos, configurada para 120 de largura. Vou ver e alterar o arquivo antes de aumentar ainda mais o tamanho dos produtos.
--------
Alterei o tamanho dos produtos em destaque de 120 para 160, alterando também esta parte de código, que estava em 120 para 160:
.box-product > div {
width: 160px;
Re: Loja para avaliação
Enviado: 24 Nov 2012, 19:55
por thyagosouza
melhorou bastante luciano, agora dá pra ver os produtos com mais detalhes.
mesmo que não aproveite nenhuma de minhas ideias, seria interessante eliminar o amarelo do seu layout, pq fica muito estranho já que sua logo só tem tons verdes.
abraço.
Re: Loja para avaliação
Enviado: 28 Nov 2012, 20:01
por lucianopoa
thyagosouza escreveu:melhorou bastante luciano, agora dá pra ver os produtos com mais detalhes.
mesmo que não aproveite nenhuma de minhas ideias, seria interessante eliminar o amarelo do seu layout, pq fica muito estranho já que sua logo só tem tons verdes.
abraço.
Vi as imagens e armazenei em meu computador.
Gosto do menu superior como está e não pretendo alterá-lo.
Alterei a cor de fundo para uma mais clara (nos monitores que testei aparece quase branca, mas ainda vou testar em outros), mas achei que o carrosel de imagens (fabricantes) ficou com pouco contraste. Tentei colocar uma borda nas figuras dele (como têm nos produtos, mas não achei como fazê-lo).
Também resolvi tirar a marca d'água das figuras da página inicial (as poucas figuras que ainda tem, eram figuras do site da empresa e já possuiam a marca d'água incorporada nelas). Além disso, coloquei a marca d'água no canto inferior direito.
Nas imagens parece que você aumentou o tamanho do banner (slideshow). Antigamente, meu banner possuia 900x229, mas reduzi porque experimentei colocar o menu departamentos na lateral e o site ficou "desarrumado". Como pretendo colocar o menu departamentos na lateral em breve (assim que conseguir adicionar o 3° nível, não pude trabalhar nisto nos últimos dias), diminuí ele um pouco mais (em 30% sobre o tamanho inicial). Se não fosse o menu lateral que pretendo incluir, deixaria-o com 900x229.
A cor amarela/laranja foi colocada na loja virtual, pois no layout do site principal - http://www.dentaltop.com.br da empresa ele está presente. Talvez utilize essa cor para colocar nos produtos o preço atual (new), pois quero um contraste maios entre o nome do produto e seu preço.
Outra alteração que fiz nos últimos dias foi diminuir o tamanho das images das "Ofertas Especiais" na página principal, deixando os produtos em destaque com um tamanho maior em comparação com elas.
Agradeço mais uma vez pelas suas dicas.
Editado em 30/11:
Finalmente, acabei colocando o fundo da loja como branco.
No menu superior, adicionei um 3° nível e resolvi retirar a contagem de produtos em cada categoria, pois li que esta função, se a loja tiver muitos produtos, deixa o carregamento das páginas mais lento.
Também desabilitei o módulo Ofertas Especiais da página principal, porém, adicionei ele no Menu Superior (antes das categorias da loja).
Ainda não consegui o 3° nível no menu lateral.
Re: Loja para avaliação
Enviado: 03 Abr 2013, 15:04
por lucianopoa
Após enfrentar vários problemas (de undefined index) com minha loja com o Open Cart 1.5.1.3.1, resolvi testar a versão 1.5.5.1, que surpreendeu-me positivamente e foi definitivamente adotada. Também adotei diversas melhorias e gostaria de solicitar, novamente, a opinião dos amigos sobre minha loja:
