- 30 Mai 2013, 17:22
#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
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.
Espero que sirva para alguém
abraço a todos.
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
e cole o seguinte codigo.
<div id="header"></div>
Código: Selecionar todos
as imagens você pode pegar aqui http://visaotec.com/shop/redessociais/ ou acessar o site e copiar elas.<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-->
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
Se alguém quiser ver como ficou acesse a loja http://visaotec.com/#redesociais {
width:280px;
height:50px;
padding-top:60px;
margin:-140px 415px 0 0;
float:right;
text-decoration: none;
}
#redesociais img{
float:left;
padding:4px;
}
Espero que sirva para alguém
abraço a todos.
NACIONAL VENDAS
Sistema de Vendas Online
www.nacionalvendas.com.br
www.facebook.com/nacionalvendasonline
"Posso todas as coisas naquele que me fortalece"
Sistema de Vendas Online
www.nacionalvendas.com.br
www.facebook.com/nacionalvendasonline
"Posso todas as coisas naquele que me fortalece"