Jump to content
  • 0
giltec2003

Como Colocar Uma Imagem de fundo Pelo site

Question

Boas gostaria de saber como colocar uma imagem de fundo nao sei ainda que formato (*png ou JPG ou TIF) gostaria de um conselho e apaoio seria uma imagem para funcionar com o site todo.

 

Agradeco a vossa atencao.

 

Gilberto

Share this post


Link to post
Share on other sites

21 answers to this question

Recommended Posts

  • 0

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

Share this post


Link to post
Share on other sites
  • 0

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?

Share this post


Link to post
Share on other sites
  • 0

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

Share this post


Link to post
Share on other sites
  • 0

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

Share this post


Link to post
Share on other sites
  • 0

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

Share this post


Link to post
Share on other sites
  • 0

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

Share this post


Link to post
Share on other sites
  • 0

É 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.

Share this post


Link to post
Share on other sites
  • 0

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

Share this post


Link to post
Share on other sites
  • 0

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.

Share this post


Link to post
Share on other sites
  • 0

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.

Share this post


Link to post
Share on other sites
  • 0

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

Share this post


Link to post
Share on other sites
  • 0

Acredito que este fórum não trate de ensinar o básico de HTML / CSS / PHP. 

Senão vai virar uma bagunça aqui.

 

Recomendo que procurem estas informações em tutoriais e fórums específicos na web.

Share this post


Link to post
Share on other sites
  • 0

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.

Share this post


Link to post
Share on other sites
  • 0

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

 

 

LInk da sua página ? Versao Prestashop ? Deletou o smarty cache e cache do seu browser ?

Edited by selectshop.at

Share this post


Link to post
Share on other sites
  • 0

Aproveitando o topico sobre imagem no rodape...como eu coloco uma imagem no lugar desse risco, no final do rodape (anexo)??? 

post-958259-0-53168500-1430684982_thumb.jpg

Share this post


Link to post
Share on other sites
  • 0

Terá de começar por analisar o ficheiro footer.tpl mais algum CSS, não esquecendo que o tema é responsivo.

Share this post


Link to post
Share on other sites

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

×