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

Тема в разделе "PrestaShop", создана пользователем DntSpeak, 16 янв 2015.

  1. DntSpeak

    DntSpeak

    Регистрация:
    9 окт 2014
    Сообщения:
    11
    Симпатии:
    3
    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:", и он растянется на всю ширину блока.
    Вот как тут: тыц
    Если нужно, распишу подробнее.
     
    drunia нравится это.
  2. Mimoxodom

    Mimoxodom

    Регистрация:
    25 апр 2015
    Сообщения:
    13
    Симпатии:
    2
    Ссылка не рабочая, обновите пожалуйста
     
  3. Andre231

    Andre231

    Регистрация:
    18 июн 2014
    Сообщения:
    47
    Симпатии:
    16

    По ссылке - Сайт заблокирован хостинг-провайдером