Fórum OpenCart Brasil

Por um e-commerce livre, confiável e profissional

Suporte geral sobre problemas técnicos para OpenCart v1.x.
#9764
olá galera!
tenho dois problemas que preciso solucionar... utilizo a versão 1.5.x espero a ajuda de vcs...
1 - Como faço para aumentar ou diminuir a largura da coluna lateral com o modulo shoppica?
Estou procurando dentro do arquivo screen.css mais não sei se estou fazendo certo!
Segue imagem: http://imageshack.us/f/97/colunalateralshoppica.jpg

2 - Como faço pra resolver esse problema que estou tendo com o Internet Explorer?
Segue imagem: http://imageshack.us/photo/my-images/69 ... oppica.jpg

Segue link das imagens dos 2 problemas:
http://imageshack.us/f/97/colunalateralshoppica.jpg
http://imageshack.us/photo/my-images/69 ... oppica.jpg

Valeu galera, espero que vcs possam me ajudar.
Fico no aguardo.
Abraço.
Editado pela última vez por dudamlk em 30 Set 2011, 15:18, em um total de 1 vez.
#9849
wow, bem complexo esse heim..

Bom, basicamente o shoppica utiliza um sistema de grid. Os sistemas de grid são "moldes" de CSS, pra facilitar a montagem de blocos diferentes no layout. É como se você estivesse brincando com lego, você define "olha, quero a primeira linha com um bloco maior, e outro menor, a segunda com 2 iguais.." e por aí vai.

Olhando no HTML gerado da página resumindo a gente tem:
Código: Selecionar todos
<div id="content" class="container_16">
      <div id="home" class="grid_12">AQUI FICAM OS DESTAQUES</div>
<div id="right_col" class="grid_4">AQUI FICA A BARRA LATERAL</div>
</div>
note a class das divs.. a div #content está dizendo assim, sou um .container_16, ou seja, dentro de mim as divs serão divididas em uma grid com 16 blocos iguais.
A div #home diz sou uma grid_12, ou seja, ocupo 12 dos 16 blocos disponíveis no meu pai.
A div #right_col diz sou uma grid_4, ou seja, ocupo 4 dos 16 blocos disponiveis.

RESUMINDO:
mude grid_12 pra grid_11 e grid_4 pra grid_5, pra evitar de estragar todo o tema. Mesmo assim não recomendo mecher nisso a não ser que seja 100% necessário.

Você notou que na barra da direita as imagens estão menor que o tamanho da barra né? ou seja, é só colocar uma imagem maior ali que ela pode ocupar o restante..

Sobre o problema no IE, é um pouco mais chato (se é que é possivel), parece que esse efeito é por js.. vou dar uma estudada melhor aqui nele