Виджет ВК без модулей

Mmaks

Местный житель
28 Май 2015
263
285
63
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}
 

timon6630

Новичок
18 Мар 2018
7
0
1
38
не проще модуль прикрепить и не скакать с бубном.