Добавление виджетов в тему Default 3.0

Добавление дополнительных виджетов в блок к соц.сетям производится через редактирование шаблона home.html
В нём содержится специальный раздел для добавления собственных скриптов:

{*
        <div class="likebox">
             your custom social widget
        </div>
*}

Необходимо скопировать содержимое без символов {* *} т.к. они являются индикаторам комментария и внутренний текст не отображается на витрине и вставить перед блоком. Вместо "your custom social widget" необходимо вставить требуемый код виджета. Если ваш код содержит скрипты <script></script> то дополнительно весь текст необходимо заключить в специальные теги {literal} ... {/literal}. Это позволит избежать ошибки #0 на витрине.

Пример для соц.сети Одноклассники:
1. Продублировать текст шаблона.
2. На странице https://apiok.ru/wiki/pages/viewpage.action?pageId... настроить ID группы и необходимое отображение.
3. Из блока "Код для вставки" скопировать текст и вставить его вместо "your custom social widget". Дополнительно добавляем {literal}{/literal}
4. Полученный результат:

        <div class="likebox">
        {literal}
<div id="ok_group_widget"></div>
<script>
!function (d, id, did, st) {
  var js = d.createElement("script");
  js.src = "https://connect.ok.ru/connect.js";
  js.onload = js.onreadystatechange = function () {
  if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
    if (!this.executed) {
      this.executed = true;
      setTimeout(function () {
        OK.CONNECT.insertGroupWidget(id,did,st);
      }, 0);
    }
  }}
  d.documentElement.appendChild(js);
}(document,"ok_group_widget","54053551538275","{width:250,height:335}");
</script>
        {/literal}
</div>
{*
        <div class="likebox">
             your custom social widget
        </div>
*}

0 комментариев

    Добавить комментарий

    Чтобы добавить комментарий, зарегистрируйтесь или войдите