Cara embed Facebook Comment di detail produk Virtuemart

Cara embed Facebook Comment di detail produk Virtuemart - Beberapa hari kamren saya dipusingkan permintaan olah salah satu klient, beliau meminta saya untuk memg-embed facebook comment di detail page virtuemart. Tanpa pikir panjang langsung saja saya cari plugin nya di gudang extension joomla, ternyata disitu ada beberapa yg menyediakan, tetapi sayang nya komersil alias berbayar.

Lalu mau tidak mau google lah menjadi alternatif saya bertanya selain membuat postingan pertanyaan di group facebook Joomlamers Indonesia. Di google saya menemukan 2 artikel yg memberikan masukan, tetapi saya ikuti tutorialnya tidak memberikan hasil. Lalu saya memodifikasi artikel tersebut dan ketemulah caranya sebagai berikut. Gampang sekali :

1. Cari file default.php yg berlokasi di :

../templates/nama-template/html/com_virtuemart/productdetail/default.php

2. Masukkan script berikut di bagian baris paling akhir setelah </div> :

<!-- Facebook Comment -->
<div class="productFacebookButton">
    <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#appId=177111755694317&xfbml=1";
                fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
        </script>
    
    <div class="fb-comments" data-href="http://nama-domain/<?php
    $url = JRoute::_('index.php?option=com_virtuemart&view=
productdetails&virtuemart_product_id='.$this->product->virtuemart_product_id);
    echo $url;
    ?>" data-width="600" data-num-posts="10"></div>
</div>

*Ganti http://nama-domain/ dengan nama domain ente.

Slamat Mencoba ya .. :beer: