комментарии вконтакте, facebook, disqus, google+

[essenza]

Всем привет

 

Вот замутил себе комментарии от (vkontakte facebook disqus google+) 

вот как это выглядит:

 

 

 

 

 

Сайт  (в разработке) но уже в сети,- кому интересно (как я реализовал) предлагаю посмотреть 

живое демо.

 

Мой сайт | интернет магазин стоковой одежды из Италии одежды. Elisabetta Franchi Cylen-b |

http://brandsstock.ru/

 

 

 

Это не модуль - тупо лез в код и правил его правил  и правил под свои нужды.

С удовольствием, расскажу подскажу как и что и куда правил.

 

 

[SwInGeR]

Подскажи как сделал комментарии, что куда вставлял?

Интересны коментарии в ВК и FB, отслеживание комментарий по товару как то ведется?

[essenza]

не инструкция но коротко - нужен файл продукткомментс. ТПЛ в теме шаблона. все делается в нем одном.  все скрипты полученные от facebookов вконтактов дискусов - друг за другом в самый низ кода и обернуть тегом {literal} {/literal} - а далее у меня 4 DIVа каждый див прописан класс "fb" "vk" "ds" "gl" - вставлял то что рекомендовано вставлять в БАДИ аштмл - все что в хед - обернул литералом - а сам контейнер на css - скачал на русселере

[fresh_fx59]

Я редактировал product.tpl и header.tpl(для fb это кажется нужно).

<div id="more_info_block" class="clear">
	<ul id="more_info_tabs" class="idTabs idTabsShort clearfix">
		{if $product->description}<li><a id="more_info_tab_more_info" href="#idTab1">{l s='More info'}</a></li>{/if}
		{if $features}<li><a id="more_info_tab_data_sheet" href="#idTab2">{l s='Data sheet'}</a></li>{/if}
		{if $attachments}<li><a id="more_info_tab_attachments" href="#idTab9">{l s='Download'}</a></li>{/if}
		{if isset($accessories) AND $accessories}<li><a href="#idTab4">{l s='Accessories'}</a></li>{/if}
		<!-- my new disqus tab -->
		<li><a id="my_comment_tab" href="#idMyTab1">{l s='My Comments'}</a></li>
		<!-- END my new disqus tab -->
...

	<!-- 544 my new comments tab -->
	<ul id="idMyTab1" class="bullet">		
		<!-- vk comments -->
		{literal}
		<!-- Put this div tag to the place, where the Comments block will be -->
		<script type="text/javascript">
		  VK.init({apiId: 0000000, onlyWidgets: true});
		</script>
		<div id="vk_comments" style="margin-bottom: 20px"></div>
		<script type="text/javascript">
			VK.Widgets.Comments("vk_comments", {limit: 50, attach: "*"});
		</script>
		<!-- END vk comments -->
		<!-- fb comments -->
		<!-- code for facebook comment -->
		{/literal}
		<div class="fb-comments" data-href="http://{$smarty.server.HTTP_HOST}{$smarty.server.REQUEST_URI}" data-width="668" data-numpost="50"></div>
        
		{literal}
		<!-- END fb comments -->
		<!-- odnoklassniki comments -->
		<!-- END odnoklassniki comments -->
		<!-- disqus comments -->
		<div id="disqus_thread">
      	
			<script type="text/javascript">
				<!--/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE <? php echo $product.id_product; {$product->id} $id_product?>* * */-->
				var disqus_shortname = '0000000'; // required: replace example with your forum shortname
				<!--var disqus_identifier = '{$request_uri}';-->
				<!--var disqus_url = 'http://{$smarty.server.HTTP_HOST}{$smarty.server.REQUEST_URI}';/-->
		
				<!--/* * * DON'T EDIT BELOW THIS LINE * * */-->
				(function() {
					var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
					dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
					(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
				})();
			</script>
			<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript'>http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
			<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
		 </div>
		<!-- END disqus comments -->
		{/literal}
	</ul>
	<!-- END 585 my new comments tab -->


...

По facebook ещё в header, кажется нужно что-то добавить(по инструкции вообщем)

 

Но у меня вопрос: как можно использовать номер продукта(product id) в качестве disqus_identifier? Как вообще туда переменную запилить?

 

Работает это здесь _scantool62.ru

 

Буду ОООЧЕНЬ признателен, если поможете.

Edited May 1, 2014 by fresh_fx59 (see edit history)