Afim de adicionar botões das redes sociais no VirtueMart 3, teremos que fazer o override, tratamos deste assunto no artigo: Override - Substituindo templates para VirtueMart, ou seja uma substituição do modelo de produtos, continue a ler para saber os passos utilizados.

  1. Primeiro vamos encontrar e copiar o arquivo default.php que está no caminho /components/com_virtuemart/productdetails/tmpl
  2. Agora vamos navegar até o caminho /templates e procurar pelo nosso modelo atual, por exemplo: j3template
  3. Dentro de /templates/j3template vamos criar então o diretório html e em seguida com_virtuemart (caso exista não se desespere, use-a!)
  4. Novamente criaremos outro diretório, agora o productdetails logo após com_virtuemart (vide anotação anterior, use-a se já existir!)
  5. Agora coloque o arquivo default.php que copiamos no primeiro item no diretório productdetails
  6. Abra então o arquivo default.php com um editor
  7. Aproximadamente na linha de 212 insira o código abaixo e salve, PRONTO!
[code]// Social 
     { 
        >? 
<br/> 
<div class = estilo "socialsButtons" = "width: 100%; float: left; border-bottom: # f4f4f4 sólido 1px; margin-bottom: 5px;"> 
       <! - Facebook Button -> 
        <div class = estilo "FacebookButton" = "float: left"> 
            <div id = "fb-root"> </ div> 
            <script type = "text / javascript"> 
                (function (d, s , id) { 
                  var js, FJS = d.getElementsByTagName (s) [0]; 
                  if (d.getElementById (id)) return; 
                  js = d.createElement (s); js.id = id; 
                  js.src = " //connect.facebook.net/en_US/all.js#xfbml=1 "; 
                  fjs.parentNode.insertBefore (js, FJS); 
                } (documento, 'script', 'facebook-jssdk')); 
            </ script> 
            <div class = "fb-like"-enviar dados = "false" data-width = "200" data-show-faces = "true"> </ div> 
        </ div> 
        <! - Google +1 Button - -> 
        <div class = estilo "GooglePlusOneButton" = "float: left"> 
            <g: plusone anotação = largura "inline" = "120"> </ g: plusone> 
            <script type = "text / javascript"> 
              (função () { 
                  janela .___ gcfg = {lang: 'pt'}; // botão Definir idioma padrão aqui 
                var po = document.createElement ("roteiro"); po.type = "text / javascript"; po.async = true; 
                po.src = 'https://apis.google.com/js/plusone.js "; 
                var s = document.getElementsByTagName ('script') [0]; s.parentNode.insertBefore (po, s); 
              }) (); 
            </ script> 
        </ div> 
       <- - Twitter Button!> 
        <div class = "TwitterButton" style = "float: left"> 
            <a href = "https://twitter.com/share" class = "twitter-botão de compartilhamento"> Tweet </a> 
<script>! function (d, s, id) {var 'Script', 'twitter-WJS'); </ script> 
        </ div> 
          <- - Linkedin botão!> 
        <div class = estilo "LinkedinButton" = "float: left"> 
        <script src = "// platform.linkedin.com/in.js "type =" text / javascript "> 
</ script> 
<script type = "IN / Share"> </ script> 
        </ div> 
</ div>    
    <? php 
    } // END social[/code]
  • Todos os diretórios tem de ter um arquivo index.html
  • Este exemplo inclui Facebook, Linkedin, Google+ e Twitter. Você pode facilmente adicionar mais.
Sobre o autor
Aureo Silva Hernandes
Autor: Aureo Silva HernandesEmail: Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.
Editor/ Publisher
Sobre
Especialista em Virtuemart desde 2013 e entusiasta no Joomla desde 2008 e começando a desenvolver componentes customizados no Fabrik em 2019
Você pode querer ver também:

Adicionar comentário


Código de segurança
Atualizar