Fórum OpenCart Brasil

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

#1345
Bom, hj um amigo me pediu para cria o 'compatilhar' de cada rede social, mais sem ser do "add this", mais indo direto do site das propria rede

é simples, ele vai pega o link da pag atual,escrição do produto, nome do produto e as img adicionas do produto e mandar direto pra rede social


eu já elaborei um css e js, fica tudo pronto pra voces

Código: Selecionar todos
<!-- Redes Sociais -->
<style>
#twiitericon{background-image:url("catalog/view/theme/default/image/redesocial.png");background-position:0 -72px;background-repeat:no-repeat;margin:2px 0;padding:5px 0 5px 30px;}
#facebookicon{background-image:url("catalog/view/theme/default/image/redesocial.png");background-position:0 -36px;background-repeat:no-repeat;margin:2px 0;padding:5px 0 5px 30px;}
#orkuticon{background-image:url("catalog/view/theme/default/image/redesocial.png");background-position:0 0;background-repeat:no-repeat;margin:2px 0;padding:5px 0 5px 30px;}
#twiitericon:hover,#facebookicon:hover,#orkuticon:hover{color:#000;}
</style>

<script type="text/javascript">
function twittarisso() {window.open( "http://twitter.com/share?text=<?php echo $heading_title; ?>&nbsp;#umatag&url=<?php echo $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/product&product_id='.$this->request->get['product_id']); ?>&via=seuusuario", "myWindow", "status=1,height=400,width=600,resizable=0,left=300,top=200" )}
function facebookcompatilhar() {window.open( "http://www.facebook.com/sharer.php?u=<?php echo $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/product&product_id='.$this->request->get['product_id']); ?>&t=<?php echo $heading_title; ?>", "myWindow", "status=1,height=400,width=600,resizable=0,left=300,top=200" )}
function orkutcompatilhar() {window.open( "http://promote.orkut.com/preview?nt=orkut.com&tt=<?php echo $heading_title; ?>&du=<?php echo $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/product&product_id='.$this->request->get['product_id']); ?>&cn=nome&tn=<?php if ($logo) { ?><?php echo $logo; ?><?php } ?>", "myWindow", "status=1,height=520,width=700,resizable=0,left=280,top=200" )}
</script>

<table width="100%" height="30" border="0">
<tr align="center">
<td><a onClick="twittarisso()" id="twiitericon" title="Twittar esse Produto">Twittar</a></td>
<td><a onClick="facebookcompatilhar()" id="facebookicon" title="Compatilhar no Facebook">Facebook</a></td>
<td><a onClick="orkutcompatilhar()" id="orkuticon" title="Compatilhar no Orkut">Orkut</a></td>
</tr>
</table>
<!-- Redes Sociais -->
pega a img "redesocial.png" do meu css
redesocial.png
Como usar?

abra a pag product.tpl pra editar e adicione tudo na linha 13, pronto!
Você não está autorizado a ver ou baixar esse anexo.
#1457
Excelente!!! Parabéns!

Eu testei funcionou perfeitamente no Twitter e no Facebook. No Orkut, em vez de pegar a descrição do produto como para o Facebook, fica uma constante escrito "nome". Tentei ver se foi porque tinha estrapolado a quantidade de caracteres da mensagem do Orkut, escolhendo um produto com descrição pequena, mas deu na mesma. Pelos testes que eu fiz, consertando isso fica 100%.

:D
#2371
Ainda não entendi como isso funciona. Será que alguém me podia explicar? Um cliente clica no botão do orkut por exemplo, e ai...? Pra onde é que vai o texto que escrevemos? Pois não vejo nada no orkut.
#3735
maxno escreveu:Bom, hj um amigo me pediu para cria o 'compatilhar' de cada rede social, mais sem ser do "add this", mais indo direto do site das propria rede

é simples, ele vai pega o link da pag atual,escrição do produto, nome do produto e as img adicionas do produto e mandar direto pra rede social


eu já elaborei um css e js, fica tudo pronto pra voces

Código: Selecionar todos
<!-- Redes Sociais -->
<style>
#twiitericon{background-image:url("catalog/view/theme/default/image/redesocial.png");background-position:0 -72px;background-repeat:no-repeat;margin:2px 0;padding:5px 0 5px 30px;}
#facebookicon{background-image:url("catalog/view/theme/default/image/redesocial.png");background-position:0 -36px;background-repeat:no-repeat;margin:2px 0;padding:5px 0 5px 30px;}
#orkuticon{background-image:url("catalog/view/theme/default/image/redesocial.png");background-position:0 0;background-repeat:no-repeat;margin:2px 0;padding:5px 0 5px 30px;}
#twiitericon:hover,#facebookicon:hover,#orkuticon:hover{color:#000;}
</style>

<script type="text/javascript">
function twittarisso() {window.open( "http://twitter.com/share?text=<?php echo $heading_title; ?>&nbsp;#umatag&url=<?php echo $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/product&product_id='.$this->request->get['product_id']); ?>&via=seuusuario", "myWindow", "status=1,height=400,width=600,resizable=0,left=300,top=200" )}
function facebookcompatilhar() {window.open( "http://www.facebook.com/sharer.php?u=<?php echo $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/product&product_id='.$this->request->get['product_id']); ?>&t=<?php echo $heading_title; ?>", "myWindow", "status=1,height=400,width=600,resizable=0,left=300,top=200" )}
function orkutcompatilhar() {window.open( "http://promote.orkut.com/preview?nt=orkut.com&tt=<?php echo $heading_title; ?>&du=<?php echo $this->model_tool_seo_url->rewrite(HTTP_SERVER . 'index.php?route=product/product&product_id='.$this->request->get['product_id']); ?>&cn=nome&tn=<?php if ($logo) { ?><?php echo $logo; ?><?php } ?>", "myWindow", "status=1,height=520,width=700,resizable=0,left=280,top=200" )}
</script>

<table width="100%" height="30" border="0">
<tr align="center">
<td><a onClick="twittarisso()" id="twiitericon" title="Twittar esse Produto">Twittar</a></td>
<td><a onClick="facebookcompatilhar()" id="facebookicon" title="Compatilhar no Facebook">Facebook</a></td>
<td><a onClick="orkutcompatilhar()" id="orkuticon" title="Compatilhar no Orkut">Orkut</a></td>
</tr>
</table>
<!-- Redes Sociais -->
clique aqui para pega a img "redesocial.png" do meu css

ele e eu colocamos na linha 13 da pag product.tpl
teria como vc fazer um passo a passo

eu comecei agora , estou começando a configurar minha loja