Jump to content

Como Colocar Uma Imagem de fundo Pelo site

giltec2003
 Share

Recommended Posts

CarlosC Newbie

CarlosC

Posted
Posted

Boas,

 

Basta adicionar o seguinte codigo no header.tpl do seu tema:

 

Imagem de fundo sem repetição e centrada:

<style type="text/css" id="custom-background-css">
body.custom-background {background-image: url('http://www.oseudominio.pt/asuaimagem.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; }
</style>

 

Imagem de fundo com repetição:

<style type="text/css" id="custom-background-css">
body.custom-background {background-image: url('http://www.oseudominio.pt/asuaimagem.jpg')}
</style>

 

Cumps

Link to comment
Share on other sites
giltec2003 Newbie

giltec2003

Posted
  • Author
Posted

Obrigado resolvi o problema da imagem como posso eu colocar o Logotipo com o fundo transparente. eu fasso a exportacao do corel com fundo transparente mas quando coloco o logotipo ele vai sempre colocar um fundo branco sobre o logo. É possivel colocar o fundo transparente no logo?

Link to comment
Share on other sites
CarlosC Newbie

CarlosC

Posted
Posted

Boas,

 

Isso deve ser porque o logotipo é convertido em jpg pelo prestashop, para isso deves alterar manuelmente o logotipo e colocar o mesmo em png com transparencia.

 

Se quizer colocar aqui parte do codigo do seu header.tpl que eu indico quais as alteraçoes.

 

Cumps

Link to comment
Share on other sites
AngelSpeedy Newbie

AngelSpeedy

Posted
Posted (edited)

Eu não alterei nada no Header.tpl, simplesmente uso o módulo que indiquei e ele faz o trabalho.. ou então a opção de fazer um logo tipo banner com o fundo do site e assim ele ao fazer o load lê o logo correctamente, como se fosse transparente, é uma maneira de ter o logo igual ao fundo..

 

Agora como eu queria meter mais coisas optei pelo banner com a cor de fundo do site e ficou como eu queria..

 

Cumps..

Edited by AngelSpeedy (see edit history)
Link to comment
Share on other sites
CarlosC Newbie

CarlosC

Posted
Posted (edited)

Boas,

 

Indicações para o tema standard PS1.5.x:

 

Em Header.tpl

Linha 80:

<img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />

 

Alterar para:

<img class="logo" src="www.oseudominio.pt/oseulogotipo.png" alt="{$shop_name|escape:'htmlall':'UTF-8'}" />

Edited by carloscorp (see edit history)
Link to comment
Share on other sites
  • 1 year later...
  • 2 months later...
Marciolvs Newbie

Marciolvs

Posted
Posted (edited)

Boas,

 

Basta adicionar o seguinte codigo no header.tpl do seu tema:

 

Imagem de fundo sem repetição e centrada:

<style type="text/css" id="custom-background-css">
body.custom-background {background-image: url('http://www.oseudominio.pt/asuaimagem.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; }
</style>
Imagem de fundo com repetição:

<style type="text/css" id="custom-background-css">
body.custom-background {background-image: url('http://www.oseudominio.pt/asuaimagem.jpg')}
</style>
Cumps

 

 

 

Em qual local(linha) coloco este conteúdo ?

 

Coloquei antes da Body e o site apagou, ai removi ele apareceu novamente

 

Obs.: no meu caso só quero mudar a cor do fundo

Edited by Marciolvs (see edit history)
Link to comment
Share on other sites
  • 3 weeks later...
rodinei.nunes Newbie

rodinei.nunes

Posted
Posted

É esse exato problema que acontece comigo, nós iniciantes não sabemos onde colocar as coisas, e como estamos em um país onde tudo é caro, e principalmente quando estamos iniciando um negócio e o recurso financeiro é zero, optamos em nós mesmos fazer, e ai nos deparamos com esses problemas. Para quem sabe fazer é tudo fácil e entendo que até irrita de responder várias vezes as mesmas perguntas, só que as versões mudam e alguns comandos e arquivos mudam de lugar como foi o caso do arquivo settings.inc.php onde não tem mais o endereço de pasta. Para quem está tentando fazer algo que nunca fez é UM MONSTRO DE 10 CABEÇAS.

Link to comment
Share on other sites
selectshop.at Newbie

selectshop.at

Posted
Posted (edited)

Mesmo as versoes mudando, o modo entre versoes nao muda. Ou seja, pode ser que mude de PS 1.6. para PS 1.6. um pouquinho porque Prestashop também faz upgrade dos comandos smarty e upgrade de versoes php, mas nao muda nada de uma versao PS 1.6.09. para PS 1.6.011 por ex. Comandos sempre vao se mudar, porque as versoes php também se mudam e comandos "velhos" nao mais obedecem quando vc. no seu servidor usa uma versao php atualizada... Isto é a técnica. Amanha já sempre ultrapassada... Vc. aprende hoje em daqui á dois anos terá que aprender novamnete... Na técnica nao existe parada...

 

O ficheiro settings.inc.php sempre esteve na pasta /config.  ;)  Isto desde a versao Prestashop 1.3.quando comecou a se tornar software "popular".

Edited by selectshop.at (see edit history)
Link to comment
Share on other sites
rodinei.nunes Newbie

rodinei.nunes

Posted
Posted

Mesmo as versoes mudando, o modo entre versoes nao muda. Ou seja, pode ser que mude de PS 1.6. para PS 1.6. um pouquinho porque Prestashop também faz upgrade dos comandos smarty e upgrade de versoes php, mas nao muda nada de uma versao PS 1.6.09. para PS 1.6.011 por ex. Comandos sempre vao se mudar, porque as versoes php também se mudam e comandos "velhos" nao mais obedecem quando vc. no seu servidor usa uma versao php atualizada... Isto é a técnica. Amanha já sempre ultrapassada... Vc. aprende hoje em daqui á dois anos terá que aprender novamnete... Na técnica nao existe parada...

 

O ficheiro settings.inc.php sempre esteve na pasta /config.  ;)  Isto desde a versao Prestashop 1.3.quando comecou a se tornar software "popular".

 

estou me referindo a comandos pois já li em outros posts pessoas explicando como fazer certas coisas e quando você entra no arquivo informado a linha que essa pessoa está relatando não existe.

Link to comment
Share on other sites
selectshop.at Newbie

selectshop.at

Posted
Posted

Existem várias maneiras de se trocar o fundo da loja. A qual eu aconselho:

 

Para trocar o fundo da loja em versao PS 1.6.

 

Coloque a imagem de fundo nova (bg.jpg) em sua pasta /img/

 

depois abra:

/themes/default-bootstrap/css/global.css

cerca linha 6783  vc. encontra:

 

 

 

    .footer-container {
      background: url(../img/footer-bg.png) repeat-x #333333; } }

 

 

altere para:

 

 

    .footer-container {
      background: url("../../../img/bg.jpg")!important; }

 

e após sto vc. deleta o smarty cache.

  • Like 1
Link to comment
Share on other sites
rodinei.nunes Newbie

rodinei.nunes

Posted
Posted (edited)

Existem várias maneiras de se trocar o fundo da loja. A qual eu aconselho:

 

Para trocar o fundo da loja em versao PS 1.6.

 

Coloque a imagem de fundo nova (bg.jpg) em sua pasta /img/

 

depois abra:

/themes/default-bootstrap/css/global.css

cerca linha 6783  vc. encontra:

 

 

 

 

altere para:

 

 

e após sto vc. deleta o smarty cache.

 

 

PrestaShop Fanatic

 

Quero agradecer muito você pela excelente explicação e muito didática, foi a melhor explicação que já vi aqui no fórum que realmente ajudou demais em resolver esse problema. muito obrigado mesmo!

Edited by rodinei.nunes (see edit history)
Link to comment
Share on other sites
Marciolvs Newbie

Marciolvs

Posted
Posted

Existem várias maneiras de se trocar o fundo da loja. A qual eu aconselho:

 

Para trocar o fundo da loja em versao PS 1.6.

 

Coloque a imagem de fundo nova (bg.jpg) em sua pasta /img/

 

depois abra:

/themes/default-bootstrap/css/global.css

cerca linha 6783  vc. encontra:

 

 

 

 

altere para:

 

 

e após sto vc. deleta o smarty cache.

 

 

Tentei desta forma mas não deu certo, e também não deu nenhum erro.

Link to comment
Share on other sites
  • 3 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...