Ciao a tutti, sono giorni che sto tentando di fare funzionare il pulsante per condividere un prodotto di Virtuemart su facebook ma mi visualizza sempre l'immagine errata.
Ecco la procedura che ho eseguito:
1) All'inizio del file: /templates/template1/index.php
Ho inserire le seguenti righe:
<div id="fb-root"></div>
<script>(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/it_IT/all.js#xfbml=1&appId=1111111111111";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
2) All'inizio di questo file:
components/com_virtuemart/views/productdetails/tmpl/default.php
Ho inserito le seguenti righe:
<html>
<head>
<?php
$og_type = 'article';
$og_url = JURI::current();
$og_image = JRoute::_(JURI::base().$this->product->images[0]->file_url);
$og_desc = $this->product->product_s_desc;
$og_title = $this->product->product_name;
$app =& JFactory::getApplication();
$og_sitename = $app->getCfg('sitename');
$doc = JFactory::getDocument();
$doc->addCustomTag('<meta property="og:type" content="article"/>');
$doc->addCustomTag('<meta property="og:url" content="'.$og_url.'"/>');
$doc->addCustomTag('<meta property="og:site_name" content="'.$og_sitename.'"/>');
$doc->addCustomTag('<meta property="og:image" content="'.$og_image.'"/>');
$doc->addCustomTag('<meta property="og:description" content="'.$og_desc.'"/>');
$doc->addCustomTag('<meta property="og:title" content="'.$og_title.'"/>');
?>
</head>
</html>
3) E in un punto a mia scelta sempre all'interno di questo file:
components/com_virtuemart/views/productdetails/tmpl/default.php
Ho inserito le seguenti righe per visualizzare i pulsanti di facebook:
<fb:like send="true" width="450" show_faces="false"></fb:like>
Questo è un articolo del mio sito:
http://www.trevisoassistenza.it/shop/modem/modem-gsm-dual-band-seriale-digicom-8d0114-detail.html
Come si vede premendo il tasto "mi piace" o "invia" viene visualizzata la foto errata.
Guardando con firebug trovo il seguente tag (sembrerebbe corretto):
<meta content="http://www.trevisoassistenza.it/images/stories/virtuemart/product/8d0114.jpg" property="og:image">
Se eseguo il test open graph da qui:
https://developers.facebook.com/tools/debug/
Mi comunica che ho i meta tag nel corpo e non in testa e poi mi che l'immagine è mancante (og:image is missing).
Io ho perso ogni speranza, qualcuno mi sa dare un indizio? O magari risolvere il problema?
Ho già scritto sul forum ufficiale di Virtuemart ma non ho ricevuto nessuna risposta...
Grazie Mirco
Ecco la procedura che ho eseguito:
1) All'inizio del file: /templates/template1/index.php
Ho inserire le seguenti righe:
<div id="fb-root"></div>
<script>(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/it_IT/all.js#xfbml=1&appId=1111111111111";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
2) All'inizio di questo file:
components/com_virtuemart/views/productdetails/tmpl/default.php
Ho inserito le seguenti righe:
<html>
<head>
<?php
$og_type = 'article';
$og_url = JURI::current();
$og_image = JRoute::_(JURI::base().$this->product->images[0]->file_url);
$og_desc = $this->product->product_s_desc;
$og_title = $this->product->product_name;
$app =& JFactory::getApplication();
$og_sitename = $app->getCfg('sitename');
$doc = JFactory::getDocument();
$doc->addCustomTag('<meta property="og:type" content="article"/>');
$doc->addCustomTag('<meta property="og:url" content="'.$og_url.'"/>');
$doc->addCustomTag('<meta property="og:site_name" content="'.$og_sitename.'"/>');
$doc->addCustomTag('<meta property="og:image" content="'.$og_image.'"/>');
$doc->addCustomTag('<meta property="og:description" content="'.$og_desc.'"/>');
$doc->addCustomTag('<meta property="og:title" content="'.$og_title.'"/>');
?>
</head>
</html>
3) E in un punto a mia scelta sempre all'interno di questo file:
components/com_virtuemart/views/productdetails/tmpl/default.php
Ho inserito le seguenti righe per visualizzare i pulsanti di facebook:
<fb:like send="true" width="450" show_faces="false"></fb:like>
Questo è un articolo del mio sito:
http://www.trevisoassistenza.it/shop/modem/modem-gsm-dual-band-seriale-digicom-8d0114-detail.html
Come si vede premendo il tasto "mi piace" o "invia" viene visualizzata la foto errata.
Guardando con firebug trovo il seguente tag (sembrerebbe corretto):
<meta content="http://www.trevisoassistenza.it/images/stories/virtuemart/product/8d0114.jpg" property="og:image">
Se eseguo il test open graph da qui:
https://developers.facebook.com/tools/debug/
Mi comunica che ho i meta tag nel corpo e non in testa e poi mi che l'immagine è mancante (og:image is missing).
Io ho perso ogni speranza, qualcuno mi sa dare un indizio? O magari risolvere il problema?
Ho già scritto sul forum ufficiale di Virtuemart ma non ho ricevuto nessuna risposta...
Grazie Mirco