Fórum OpenCart Brasil

[luislcs]

Ola,

Alguem sabe como faz para colocar imagem no fundo do site?

Preciso ela pegue site inteiro...

mudar um pouco cara da minha loja!!!

hehehe...

[m.lirangi]

Olá Luis!
Deve ter algo aqui na comunidade sobre isso, dê uma pesquisada.
De qq forma, o artigo https://www.opencartbrasil.com.br/artigo ... ura-temas/ pode te dar uma boa noção sobre como funciona a edição de temas. O Manoel fala sobre mudar a cor do "background" mas vc pode tb, ao invés da cor, colocar imagem... sem problemas!
Qq coisa estamos por aqui!

[luislcs]

Márcia achei como fazer... jeito bem facinho!!!

vai na pasta: .....catalog\view\theme\default\stylesheet

Abre arquivo: stylesheet.css


Mais ou menos linha: 9 tag body:

ele esta seguinte forma:

body {
margin: 0px;
padding: 0px;
text-align: center;
background-attachment: fixed;
}


Você acrescenta embaixo:

background-image: url(../image/bg-body.jpg);
background-repeat: repeat-x;
background-position: top;

ficando assim:


body {
margin: 0px;
padding: 0px;
text-align: center;
background-attachment: fixed;
background-image: url(../image/bg-body.jpg);
background-repeat: repeat-x;
background-position: top;

}

Lembrando que imagem for usar... fica melhor (questão organização) deixa na pasta image!

Prontinho... layout fica bonitinho!!!

Abrasss...

[ronaldomello]

Só pra explicar um pouco melhor caso você não tenha conhecimento de CSS:
Acrescentando o comando "background-image: url(../image/bg-body.jpg);", você está dizendo ao servidor
para mostrar a imagem 'bg-body.jpg' no fundo do site (o nome não precisa ser exatamente este, basta que seja o mesmo nome da imagem que você quer usar e que deve estar na pasta 'image' do seu tema.).
Os outros comandos: "background-repeat", "background-position", etc... dizem respeito à configuração da imagem, como se você quer que ela se repita ou não, a posição que você quer colocá-la, etc...
Qualquer dúvida, é só perguntar.

[m.lirangi]

Então rapazes é realmente banstante simples, eu tb não tinha muito conhecimento de CSS e acabei conseguindo.
Nada que algumas pesquisas, um pitada de paciencia e outra de inteligencia não ajude...rsrs
Só um porém Luis, esse "repeat-x" é valido para imagens em ladrilho, onde vc quer que elas se repitam.
Você tem ainda como colocar uma unica imagem inteira com um "no-repeat"

[Gijo]

Gente, e como faz para colocar mais de uma imagem no background?

[luislcs]

Use div!

Determinando background-image:

Dai vc consegue!

Duvida posta ai... tentarei explicar como fiz!