Перейти к содержимому


Не Добавляет Виджет Вк


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 8

#1 Candyover

Candyover

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 14 Ноябрь 2013 - 00:24

Сделал все по инструкции http://vk.com/develo....php?p=Comments , но почему то  виджет не добавило и еще выдало ошибку переделать 2.png
Что нужно переделать?
Нужно что бы отображался в правой части магазина переделать 2.png

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 14 Ноябрь 2013 - 02:22

Вы вставили некорректный код виджета.

<script type="text/javascript">
  VK.init({
	apiId:  Магазин брендовой обуви!, onlyWidgets: true});
 
  <div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 5, attach: "*"});
</script>

в вашем случае это строка "Магазин брендовой обуви!" вместо данной строки должен быть задан идентификатор виджета. Для генерации корректного кода виджета - вам необходимо в момент генерации виджета быть авторизованным на сайте vk.com

#3 Candyover

Candyover

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 14 Ноябрь 2013 - 20:09

Просмотр сообщенияVaccina (14 Ноябрь 2013 - 02:22) писал:

Вы вставили некорректный код виджета.

<script type="text/javascript">
VK.init({
apiId: Магазин брендовой обуви!, onlyWidgets: true});

<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 5, attach: "*"});
</script>

в вашем случае это строка "Магазин брендовой обуви!" вместо данной строки должен быть задан идентификатор виджета. Для генерации корректного кода виджета - вам необходимо в момент генерации виджета быть авторизованным на сайте vk.com

Спасибо, а как перенести мне виджет вот сюда переделать.png

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Ноябрь 2013 - 02:57

Это можно сделать следующим образов - в файле стилей main.css найдите

#content {
	margin: 0 auto;
	width: 960px;
}

и замените на

#content {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

далее в шаблоне "HTML" найдите строку

<div id="content">

и после неё вставьте

<div class="right-panel">Код вашего виджета</div>

далее в файл стилей main.css добавьте

.right-panel {
  position: absolute;
  right: -10px;
  top: 10px;
}

задать необходимое положение виджета можно путем изменения свойств right и top в добавленном классе .right-panel

#5 Candyover

Candyover

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 15 Ноябрь 2013 - 04:14

Просмотр сообщенияVaccina (15 Ноябрь 2013 - 02:57) писал:

Это можно сделать следующим образов - в файле стилей main.css найдите

#content {
margin: 0 auto;
width: 960px;
}

и замените на

#content {
margin: 0 auto;
position: relative;
width: 960px;
}

далее в шаблоне "HTML" найдите строку

<div id="content">

и после неё вставьте

<div class="right-panel">Код вашего виджета</div>

далее в файл стилей main.css добавьте

.right-panel {
position: absolute;
right: -10px;
top: 10px;
}

задать необходимое положение виджета можно путем изменения свойств right и top в добавленном классе .right-panel

После всего выполненного весь сайт стал на "перекосяк" что не так я сделал? Безымянный.png

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Ноябрь 2013 - 04:24

Проверьте как вы вставили код виджета. Вы вставили код с ошибкой

<div class="<div id="vk_comments"></div>

замените эту строку на

<div class="right-panel"><div id="vk_comments"></div>


#7 Candyover

Candyover

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 15 Ноябрь 2013 - 17:20

Просмотр сообщенияVaccina (15 Ноябрь 2013 - 04:24) писал:

Проверьте как вы вставили код виджета. Вы вставили код с ошибкой

<div class="<div id="vk_comments"></div>

замените эту строку на

<div class="right-panel"><div id="vk_comments"></div>


Поменял, виджет раздвоился и не переносится что бы я не указывал в этих показателях right top

#8 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 15 Ноябрь 2013 - 18:59

У вас на сайте два виджета комментариев. Попробуйте удалить один из нив который расположен в файле "html" перед кодом:
  <div id="headerWrap">
  <div id="header">
   <a href="http://{NET_DOMAIN}/" title="Перейти на главную"><span id="logo"></span></a>
  
   <!-- Контакты -->
Код виджета для удаления.
<!-- 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: 5, width: "496", attach: "*"});
</script>


#9 Candyover

Candyover

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 112 сообщений

Отправлено 15 Ноябрь 2013 - 23:08

Просмотр сообщенияKoderhan (15 Ноябрь 2013 - 18:59) писал:

У вас на сайте два виджета комментариев. Попробуйте удалить один из нив который расположен в файле "html" перед кодом:
<div id="headerWrap">
<div id="header">
<a href="http://{NET_DOMAIN}/" title="Перейти на главную"><span id="logo"></span></a>

<!-- Контакты -->
Код виджета для удаления.
<!-- 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: 5, width: "496", attach: "*"});
</script>


Просмотр сообщенияVaccina (15 Ноябрь 2013 - 04:24) писал:

Проверьте как вы вставили код виджета. Вы вставили код с ошибкой

<div class="<div id="vk_comments"></div>

замените эту строку на

<div class="right-panel"><div id="vk_comments"></div>


Огромное вам спасибо! Все получилось!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных