Página 1 de 2
[TUTORIAL] Layout da loja ocupando 100% do navegador
Enviado: 02 Jan 2011, 21:36
por Manoel Vidal
Apesar de não ser um recurso essencial, muitos usuários do OpenCart tem interesse em saber com se faz para que o layout da loja ocupe 100% da tela do navegador, então para resolver esse problema vamos fazer uma pequena modificação no arquivo stylesheet.css que é responsável por boa parte da exibição do layout de seu OpenCart, lembrando que essa modificação foi testada no tema padrão do OpenCart.
Vamos lá:
1. Localize e edite o arquivo: catalog\view\theme\SEUTEMA\
stylesheet.css
2. Procure pelas linhas:
Código: Selecionar todos#container {
width: 960px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
3. E substitua por:
Código: Selecionar todos#container {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
4. Salve o arquivo e teste sua loja.
Pronto!
Re: [TUTORIAL] Layout da loja ocupando 100% do navegador
Enviado: 03 Jan 2011, 16:14
por rochester
Não testei, mas acredito que as declarações de margin são desnecessárias, já que a div ocupa 100%..
Re: [TUTORIAL] Layout da loja ocupando 100% do navegador
Enviado: 07 Jan 2011, 01:57
por mauricioramisses
]Olá amigos. Testei e realmente funciona, porem existe algumas coisas que precisamos saber para obter sucesso na Pagina.
Após realizar o procedimento houve alterações na minha pagina por conta da diminuição. O banner que estava no centro da pagina entre os painéis direito e esquerdo passou a ficar abaixo do painel esquerdo deixando uma vazio na parte onde ele se encontrava. Gostaria de saber como faço para manter a tela ocupando 100% sem alterar a estrutura do site.
Fico grato, e aguardo a resposta
Que Deus Abençoe a Todos.
[/color][/size][/color]
Re: [TUTORIAL] Layout da loja ocupando 100% do navegador
Enviado: 07 Jan 2011, 08:06
por rochester
Você precisa ajustar o seu css.
Passe o site que a gente te ajuda.
Re: [TUTORIAL] Layout da loja ocupando 100% do navegador
Enviado: 08 Jan 2011, 12:57
por Manoel Vidal
Passe o link de sua loja para darmos uma olhada e tentar ajudar.
Re: [TUTORIAL] Layout da loja ocupando 100% do navegador
Enviado: 10 Jan 2011, 02:04
por mauricioramisses
Manoel Vidal escreveu:Passe o link de sua loja para darmos uma olhada e tentar ajudar.
www.ofertabrasil.com tbm quero pedir a avaliação dos amigos do opencart e sugestoes. abraços
Re: [TUTORIAL] Layout da loja ocupando 100% do navegador
Enviado: 10 Jan 2011, 03:32
por Manoel Vidal
Olá mauricio.
Para qual resolução você preparou seu layout? Pois para 1024x768 ficou um pouco grande.
Re: [TUTORIAL] Layout da loja ocupando 100% do navegador
Enviado: 10 Jan 2011, 09:02
por profbaco
Olá meu amigo tudo bem? Aki o site ajustou normalmente.
Gostei também de como ficou o seu menu lateral direita, onde ao passar o mousse o sistema já muda o menu automaticamente.
Tem somente uma coisa que quase ninguém sabe é que o sistema de chat chamado LIVEZILA é excelente, por que você não tenta usá-lo uma vez? Fica como sugestão, já que você pediu né?
Re: [TUTORIAL] Layout da loja ocupando 100% do navegador
Enviado: 11 Jan 2011, 00:56
por mauricioramisses
profbaco escreveu:Olá meu amigo tudo bem? Aki o site ajustou normalmente.
Gostei também de como ficou o seu menu lateral direita, onde ao passar o mousse o sistema já muda o menu automaticamente.
Tem somente uma coisa que quase ninguém sabe é que o sistema de chat chamado LIVEZILA é excelente, por que você não tenta usá-lo uma vez? Fica como sugestão, já que você pediu né?
Olá querido, agradeço pela sugestao, acho muito bom o livezilla, mas estou tendo problemas com a instalação quando chego quase na parte GERENCIAMENTO DE DADOS nao sei o que fazer, nada da certo naquela parte. pode me ajudar? abraços e essa dica foi otimaaaaaaa. Deus te abençoe
Re: [TUTORIAL] Layout da loja ocupando 100% do navegador
Enviado: 11 Jan 2011, 08:10
por rochester
Humm.. o seu layout tá complicado de esticar mesmo, recomendo não mecher muito..
e ele tá grande demais sim, parece que foi feito para 1280, pq a parte principal tem mais de 1100 de largura..