1) Нужен сам код группы с ВК -Заходим "Мои настройки", -далее опускаемся в самый низ страницы, -нажимаем "Разработчикам", -выбираем "Авторизация и виджеты для сайтов", -далее вставляете в поле "Ссылка на страницу:" ссылку на свою группу и копируете получившийся код. 2) Теперь нужно вставить код на наш сайт. Идем по Public_html / themes / ваш шаблон / открываете файл header.tpl 3) Ищем строку (у меня она 117) <div id="left_column" class="column col-xs-12 col-sm-{$left_column_size|intval}">{$HOOK_LEFT_COLUMN} 4) Вставляем свой код в следующей строке. 5) Чтобы виджет Вконтакте отображался красиво по центру, нужно добавить недостающий код (я выделил его жирным - просто копируете и вставляете как у меня): {literal}<script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script> <!-- VK Widget --> <div id="vk_groups" style="margin: 0 auto;height: 630px;width: 530px;"> </div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 80518755); </script>{/literal} 6) Если вы хотите, чтобы ширина виджета группы была на всю ширину блока, так правильнее, чтобы он адаптировался под размер блока, просто убираете из кода width; 530px; Должно получиться следующее: {literal}<script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script> <!-- VK Widget --> <div id="vk_groups" style="margin: 0 auto;height: 630px;"> </div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 80518755); </script>{/literal} --- Добавлено, 16 янв 2015 --- Кстати, кто не знал: Есть модуль отзывов контакта vkcomments, там в коде можно так же убрать "width:", и он растянется на всю ширину блока. Вот как тут: тыц Если нужно, распишу подробнее.
