Fórum OpenCart Brasil

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

Por favor, poste aqui todas as dúvidas que você está tendo sobre a instalação, atualização ou configuração do OpenCart v1.x
#39756
Bom dia,
Quero compartilhar com vocês esse tutorial de colocar botões das redes sociais no topo da loja
Antes procure um editor de texto,eu uso o Notepad++ http://notepad-plus-plus.org/news/notep ... lease.html
1º Acesse seu tema tipo http://www.seudominio.com/loja/catalog/ ... header.tpl
e dentro de header.tpl procure a div
Código: Selecionar todos
<div id="header"></div>
e cole o seguinte codigo.
Código: Selecionar todos
<div id="redesociais"><!-- Div redes sociais -->
 [color=#00BF40]*os campos que estao em vermelho você vai substituir pela sua rede social.[/color]		           
  <a href="http://www.youtube.com/user/[color=#FF0000]thebestsofthard[/color]/"target="_blank"><img src="redessociais/youtube.png" border="0" title="Youtube" /></a>
  <a href="http://twitter.com/[color=#FF0000]visaotecdesign[/color]/"target="_blank"><img src="redessociais/twitter.png" border="0" title="Siga-me" /></a>
  <a href="http://www.facebook.com/[color=#FF0000]isaiasdeolliveira[/color]/"target="_blank"><img src="redessociais/facebook.png" border="0" title="Facebook" /></a>
  <a href="http://br.linkedin.com/pub/[color=#FF0000]isaias-oliveira/30/229/399[/color]"target="_blank"><img src="redessociais/linkedin.png" border="0" title="LinkedIn" /></a>                     
                    </div><!-- Fim div Redes Sociais-->
as imagens você pode pegar aqui http://visaotec.com/shop/redessociais/ ou acessar o site e copiar elas.
depois criar uma pasta com nome redessociais e colocar na pasta raiz do seu Opencart.

2º Acesse seu tema tipo http://www.seudominio.com/loja/catalog/ ... esheet.css
e dentro de stylesheet.css cole o seguinte codigo.
Código: Selecionar todos
#redesociais {   
  width:280px;
  height:50px; 
  padding-top:60px; 
  margin:-140px 415px  0 0;
  float:right;
  text-decoration: none;  
}
#redesociais img{
  float:left;
  padding:4px;
}
Se alguém quiser ver como ficou acesse a loja http://visaotec.com/
Espero que sirva para alguém
abraço a todos.
#79768
Olá,
Editando o header conseguirá, mas aconselho criar um xml em vqmod para manter a modificação sem editar o arquivo nativo diretamente.

Gente preciso de ajuda urgente. Na migraç&a[…]

Caro @reds , muito obrigado pela resposta.

PHP 8+ incompatibilidade

Toda tradução para a versão 3[…]

Ola @alex3257 Se você precisa apenas ver […]