Página 1 de 2

Aces Brasil Airsoft - http://www.aces-brasil.com/airsoft

Enviado: 04 Mar 2011, 09:05
por acesbrasil
Antes de falar da loja gostaria de deixar aqui uma manifestação de muita consideração por toda a equipe do Opencart Brasil. Meus parabéns e meu muito obrigado.

Antes de conhecer o Opencart eu experimentei o Magento e o Prestashop.
No magento foi muito pesado o sistema mesmo hospedando no UOL Host, a tradução disponível para português não estava 100%, muitas exigências para cadastrar um produto e uma complicação imensa para colocar o site auto ajustável de acordo com a resolução do visitante.

No prestashop o sistema começou a ficar mais rápido, mais fácil, facilmente ajustei a largura do site para ficar automática e assim preencher sempre toda a tela, mas o módulo dos correios não funcionava de jeito nenhum e eu não estou afim de ficar cuidando de banco de dados alterando centenas de valores

Então um dia descobri o Opencart e esta comunidade e em uma semana, isso mesmo, em uma semana eu consegui construir minha primeira loja virtual e me apaixonei pela ferramenta, por essa equipe tão disposta a ajudar, colaborando com tantos recursos e informações

Ainda há alguns detalhes a ajustar e tenho certeza que a ferramenta irá se desenvolver ainda mais, será ideal o dia que ela tiver algum recurso como o Joomla permitindo escolher onde um determinado módulo pode aparecer ou não, ou ainda um recurso como o prestashop que tem um sistema de pontuação e fidelidade para os clientes que compra na loja, ainda falta colocar as miniaturas logo abaixo da imagem do produto sem precisar usar um recurso adicional como o PAPs, mas estou muito feliz com a loja e principalmente com toda a facildiade, leveza e eficiência do Opencart

A LOJA ESTA TEMPORARIAMENTE EM MANUTENÇÃO você pode visitar a nossa outra loja http://www.aces-brasil.com/games

Além da venda de Armas de Airsoft no Brasil vendemos tudo em equipamentos e acessórios para os treinamentos táticos e combates simulados

Abraços a todos e contem comigo se precisarem de informações ou detalhes que tenham encontrado na loja e queiram utilizar na de vocês

Re: Aces Brasil Airsoft - http://loja.aces-brasil.com

Enviado: 04 Mar 2011, 10:49
por Nyux
Amigo, como vc fez aquele footer? pode postar um tuto? achei legal =)

Re: Aces Brasil Airsoft - http://loja.aces-brasil.com

Enviado: 04 Mar 2011, 19:42
por Manoel Vidal
Que bom que a comunidade pode ajudá-lo :D

Gostei da customização de sua loja, ficou muito bacana.

A versão 1.5 do OpenCart que em breve conheceremos realmente vai dar um grande salto em termos de quase tudo que sentimos falta de recursos, e como sempre mantendo a simplicidade e objetividade.

Qualquer coisa estamos por aqui.

Re: Aces Brasil Airsoft - http://loja.aces-brasil.com

Enviado: 05 Mar 2011, 11:48
por acesbrasil
Nyux escreveu:Amigo, como vc fez aquele footer? pode postar um tuto? achei legal =)
Com maior prazer:

1 - Esta DIV aqui (/catalog/view/theme/SEU_TEMA/template/common/footer.tpl) é para os links no footer:
<div id="footer">
<div class="links"><a href="http://loja.aces-brasil.com/quem-somos">Quem Somos</a>&nbsp;|&nbsp;</a>&nbsp;|&nbsp;<a href="http://loja.aces-brasil.com/politica-pr ... >Seguranca e Privacidade</a>&nbsp;|&nbsp;</a>&nbsp;|&nbsp;<a href="http://loja.aces-brasil.com/termos-condicoes">Termos e Condicoes</a>&nbsp;|&nbsp;</a>&nbsp;|&nbsp;<a href="http://loja.aces-brasil.com/index.php?r ... ;|&nbsp;<a href="http://loja.aces-brasil.com/perguntas-r ... ;|&nbsp;<a href="http://loja.aces-brasil.com/index.php?r ... emap">Mapa do Site</a>&nbsp;|&nbsp;</a>&nbsp;|&nbsp;<a href="http://loja.aces-brasil.com/rss">RSS</a></div>

<div class="div1">

2 - Agora no CSS
a) Esta referência é para carregar a imagem do back (o paredão com furos e rebits)
#footer { width: 100%; height: 275px; clear: both; border-top: 1px solid #DDDDDD; background: url('../image/footer.jpg'); }

b) Esta referência é para carregar os links acima: #footer .links{ float: left; color: #FF4500; text-align: center; position: absolute; left: 63%; margin-left: -440px; }

c) colocar a cor branca nos links do rodapé: #footer .links a{ color: #ffffff; }

d) colocar a cor laranja quando o mouse estiver em cima dos links do rodapé: #footer .links a:hover { text-decoration: underline; color: #ff4500;}

e) colocar e deixar a cor laranja no link do rodapé que estiver clicado: #footer .links a .selected{ color: #ff4500; }

f) colocar a cor laranja quando o mouse estiver sobre o link já clicado(para evitar dele ficar branco): #footer .links a .selected a:hover{ color: #ff4500; }

g) carrega a imagem dos pagamentos (precisa ser em PNG devido a transparência, tomar cuidado com o peso dos arquivos pois PNG fica grande demais em relação aos JPG): #footer .div1 { float: left; text-align: left; position: absolute; left: 50%; margin-left: -490px; margin-top: 30px; width: 994px; height: 232px; background: url('../image/pagamentos.png'); }

Detalhe que o item G esta configurado para se ajustar SEMPRE no centro em resoluções de 1024 de largura devido a loja estar configurada para ocupar sempre a largura total da tela, em outras resoluções o alinhamento não fica 100% no centro, mas é coisa de olho clínico e detalhista

Abraços a todos e estou a disposição

Re: Aces Brasil Airsoft - http://loja.aces-brasil.com

Enviado: 05 Mar 2011, 21:35
por Manoel Vidal
Valeu pela contribuição :mrgreen:

Re: Aces Brasil Airsoft - http://loja.aces-brasil.com

Enviado: 07 Mar 2011, 13:35
por Nyux
Vlw cara, em breve vou usar em minhas lojas.


Abrs! :D

Re: Aces Brasil Airsoft - http://loja.aces-brasil.com

Enviado: 22 Jul 2011, 22:12
por Italiano
Muito bom esse tutorial, a loja tá ótima abraços

Re: Aces Brasil Airsoft - http://loja.aces-brasil.com

Enviado: 16 Set 2011, 09:48
por ralv22
Ótimo tutorial, parabens, não ficou tão bem feito como o seu, mas gostaria de sua opinião: http://www.ralv22.com

Re: Aces Brasil Airsoft - http://loja.aces-brasil.com

Enviado: 16 Set 2011, 12:52
por acesbrasil
ralv22 escreveu:Ótimo tutorial, parabens, não ficou tão bem feito como o seu, mas gostaria de sua opinião: http://www.ralv22.com
Sugestões de melhoria:

Os links "sobre nós", "Política" e etc por serem na cor branca precisam de um fundo escuro para se destacarem. Experimente usar links subinhados ou com divisões como esta aqui: | para poderem se destacarem como opções e não como palavras soltas

A imagen do pagamento digital está "estrechadas" ou seja ampliaram de mais ou na vertical ou na horizonta, procure utilizar as imagens no formato original quanto maior a imagem melhor pois melhora a visibilidade, a legibilidade e se você precisar usar num tamanho menor não haverá perda de qualidade que é o que acontece quando se faz ao contrário pegando uma imagem pequena e ampliando mas ao reduzir lembre-se de manter as proporções. Dica: Segure o shift ao clicar num ponto de ajuste da imagem assim você bloqueia a distorção e mantém as proporções

A imagem do correio está com sujeira em torno dela, procure usar um fundo que oculte essas sujeiras ou procure limpar mais as bordas da imagem

Lembre-se sempre: Perfeição é treino, disciplina e vontade. Persista sempre

Abraços e sucesso

Re: Aces Brasil Airsoft - http://loja.aces-brasil.com

Enviado: 24 Set 2011, 10:37
por wenderson_chacau
Exelente loja
so nao quis funcioanar no meu firefox versao 6 nao sei porque
mas muito obm layout...