Комментарии facebook на странице товара / бесплатное решение

[dizlab]

Привет всем! 

Захотел себе установить комментарии на странице с товаром, оказалось что модули комментариев все платные...

Зачем платить?! Решил обойти этот шаг 

 

Как сделать?!

 

1 шаг:

Идём на страницу developer facebook

https://developers.facebook.com/docs/plugins/comments

Вводим адрес вашего сайта

Ширину вписываем 100%

Количество постов по желанию (в моем примере 5).

Нажимаем получить код.

 

2 шаг:

Оба полученных кода с facebook обносим кодом

<!-- FB comments -->
<section class="page-product-box">
<h3 class="page-product-heading">{l s='Comments'}</h3>
<!-- full description -->
<div  class="rte">

СЮДА 2 КОДА ПОЛУЧЕННЫЕ С FACEBOOK DEVELOPER

</div>
</section>
<!--end  FB comments  -->

3 шаг:

Идем редактировать страницу товара.

/themes/default-bootstrap/product.tpl

 

Вставляем наш сделанный код (2 шаг) после

<!--end  More info -->

{/if}

<!-- FB comments -->


<section class="page-product-box">
<h3 class="page-product-heading">{l s='Comments'}</h3>
<!-- full description -->
<div  class="rte">
<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/ru_RU/sdk.js#xfbml=1&version=v2.4&appId=1015047251860791";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div class="fb-comments" data-href="http://АДРЕСВАШЕГОСАЙТА" data-width="100%" data-numposts="5"></div>
</div>
</section>
<!--end  FB comments  -->

Сохраняем, чистим кэш и радуемся 

 

Edited September 29, 2015 by dizlab (see edit history)