Fórum OpenCart Brasil

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

Suporte para temas OpenCart v1.x.
Avatar do usuário
Por ckbfreitas
#35787
Galera Boa Noite!!!

Bom estou começando a trabalhar com layout's em opencart e notei que por programação simples é complicado colocar banner 1 do lado do outro igual essa imagem:

http://skero.com.br/upessence/sh1.jpg
* Esse os banners ficam embaixo e tem 3 opções.

http://skero.com.br/upessence/sh2.jpg
* Esse os banners ficam ao lado e tem 3 opções combinando com o slideshow principal.

Olha como está a loja que estou montando, está desconfigurado o banner:
http://skero.com.br/upessence/index.php

Alguem sabe como eu configuro para ficar assim?! É módulo?! ou é dentro das tpl. ?!

Abraços
#35803
Olá,

Ai é estudo de CSS, com conhecimento de CSS você pode fazer o que deseja em layouts. :)

Vou dar apenas uma dica sobre os banners abaixo do Slideshow Vamos lá:
- Edite o arquivo /catalog/view/theme/SEU_TEMA/stylesheet/stylesheet.css, e localize o código abaixo:
Código: Selecionar todos
.banner div {
    display: none;
    text-align: center;
    width: 100%;
}
- E substitua por:
Código: Selecionar todos
.banner div {
    display: none;
    float: left;
    text-align: center;
   padding-right: 10px;
}
- Salve as alterações no arquivo e limpe o cache do seu navegador para visualizar as alterações.

Como dica, utilize o inspetor de objetos do Chrome ou Firefox para verificar que partes do css você deve alterar.

Espero ter ajudado. :D
#35820
Boaaa!! Manoel!

Você é o cara! haha
já consegui montar + 3 layouts diferentes com essa sua dica...

Acertei no css. agora estou procurando como colocar na lateral ( banner em slideshow + 3 banners )....

Abraços