Установка виджета комментариев ВКонтакте
На странице генерирования кода виджета введите название и адрес Вашего магазина, нажмите Сохранить. Выберите ширину виджета и количество комментариев. Скопируйте код, выданный в поле "Код для вставки".
Пример кода:
<!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="http://vkontakte.ru/js/api/openapi.js?9" charset="windows-1251"></script> <script type="text/javascript"> VK.init({apiId: 1955264, onlyWidgets: true}); </script> <!-- Put this div tag to the place, where the Comments block will be --> <div id="vk_comments"></div> <script type="text/javascript"> VK.Widgets.Comments("vk_comments", {limit: 10, width: "496"}); </script>
Первую часть кода (до строчки Put this div tag to the place, where the Comments block will be) вставьте внутрь тега <head></head> в шаблоне HTML (редактор шаблонов находится в разделе Сайт -> Редактор тем).
Вторую часть кода - в HTML-код шаблона, страницы или блока, где должен отображаться виджет (html-код страницы или блока, редактируемого через wysiwyg-редактор можно открыть, нажав на кнопку HTML при редактировании страницы или блока).
Вставка виджета на страницу товара
В случае вставки виджета на страницу товара вместо кода для вставки в тело страницы (вторая часть кода) рекомендуем использовать следующий код:
<div id="vk_comments"></div> <script type="text/javascript"> VK.Widgets.Comments("vk_comments", {limit: 10, width: "596"}, {{product.id}}); </script>
В этом случае комментарии будут привязываться к странице товара при доступе к этой странице по разным URL-адресам, что актуально, например, в случае, когда посетитель заходит в магазин со страниц Яндекс.Маркета.
Вставка нескольких виджетов на одну страницу (на примере вывода комментариев на странице категории товаров)
В случае, когда должно отображаться несколько виджетов комментариев необходимо помнить, что id элемента должен быть уникальным в рамках страницы. Чтобы привязать уникальные id к различным виджетам в случае, когда они должны отображаться рядом с выводимыми товарами, причем у каждого товара свой виджет, можно использовать следующий код:
<div id="vk_comments_{{product_id}}"></div> <script type="text/javascript"> VK.Widgets.Comments("vk_comments_{{product.id}}", {limit: 10, width: "596"}, {{product.id}}); </script>
который нужно вставлять в цикл for (либо tablerow), использующийся при выводе товаров категории.