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


Установка Виджетов Вконтакте


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

#41 Expert

Expert

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

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

Отправлено 28 Октябрь 2011 - 20:28

Просмотр сообщенияVaccina (28 Октябрь 2011 - 18:32) писал:

Вам нужно разместить код данной кнопки, только в этом случае я смогу вам помочь. Как поставите - напишите, будем смотреть.

вот мой код:
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?34"></script>

<script type="text/javascript">
  VK.init({apiId: 2659703, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "10", verb: 1});
</script>


#42 Expert

Expert

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

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

Отправлено 28 Октябрь 2011 - 20:34

Просмотр сообщенияExpert (28 Октябрь 2011 - 20:28) писал:

вот мой код:
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?34"></script>

<script type="text/javascript">
  VK.init({apiId: 2659703, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "10", verb: 1});
</script>

Вот пример товара со старой ценой.
Информацию про наличие товара можно убрать. За место её поставить этот самый виджет VK.

Прикрепленные изображения

  • 28.10.jpg


#43 Expert

Expert

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

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

Отправлено 28 Октябрь 2011 - 20:58

Вот, у меня получилось что то похожее.
Осталось убрать это лишнее закрашенное пространство и чуть припустить кнопочку виджета. Прошу совета

это мой код на данный момент:
<!-- Доступность товара --> 
				  <div class="goodsDataMainModificationAvailable">
					<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?34"></script>

<script type="text/javascript">
  VK.init({apiId: 2659703, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "10", verb: 1});
</script>				
</td>
<td class="goodsDataFormSubmitButton"> 

				  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
				  {% IF TARIFF_FEATURE_GOODS_COMPARE %}
					<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
					{% IFNOT SETTINGS_COMPARE_DISABLE %}
					  <div style="padding-bottom:1em;">
						<input type="button" class="button goodsDataCompareButton add"  rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" value="Добавить к сравнению" title="Добавить товарную модификацию к списку сравнения с другими товарами" style="{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
						<input type="button" class="button goodsDataCompareButton delete" rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" value="Убрать из сравнения" title="Убрать товарную модификацию из списка сравнения с другими товарами" style="{% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}display:none;{% ENDIF %}width:200px;" />
					  </div>
					{% ENDIF %}
				  {% ENDIF %}

				  <input type="submit" value="Положить в корзину" style="width:200px;" />
				</td>
			  </tr>

Прикрепленные изображения

  • 28.10.jpg


#44 Vaccina

Vaccina

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

  • Модераторы
  • 23 864 сообщений

Отправлено 29 Октябрь 2011 - 17:32

Попробуйте найти в файле стилей main.css следующий класс

.goodsDataMainModificationAvailable {
	white-space: nowrap;
}

далее его просто заменить на

.goodsDataMainModificationAvailable {
	margin-top: 15px;
	white-space: nowrap;
	width: 100px;
}


#45 Expert

Expert

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

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

Отправлено 29 Октябрь 2011 - 17:49

Спасибо вам огромное! Действительно, всё получилось. :)

#46 Expert

Expert

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

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

Отправлено 04 Ноябрь 2011 - 17:46

Помогите с виджетами VK. Подробно описал в этом топике. Заранее благодарю!

#47 Expert

Expert

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

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

Отправлено 10 Ноябрь 2011 - 12:07

почему то при работе с виджетом VK у меня результаты различны для браузеров. Например в Chrome отображаются комментарии, а в Opera и Mozilla нет.

Прикрепленные изображения

  • 10.11.jpg
  • 10.11.jpg


#48 Vaccina

Vaccina

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

  • Модераторы
  • 23 864 сообщений

Отправлено 10 Ноябрь 2011 - 17:30

Возможно это проблема самого виджета, и данную проблему смогут решить только их разработчики. Пожалуйста, сообщите страницу на вашем сайте где происходит данный баг.

#49 Expert

Expert

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

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

Отправлено 11 Ноябрь 2011 - 20:34

Просмотр сообщенияVaccina (10 Ноябрь 2011 - 17:30) писал:

Возможно это проблема самого виджета, и данную проблему смогут решить только их разработчики. Пожалуйста, сообщите страницу на вашем сайте где происходит данный баг.

Страница

#50 Vaccina

Vaccina

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

  • Модераторы
  • 23 864 сообщений

Отправлено 12 Ноябрь 2011 - 16:41

Скорее всего это проблема самого виджета. Не смогла найти различий между Opera FifeFox и Chrome по вашей ссылке, при том что комментарии не отображались ни в одном из браузеров.

#51 Kroshka

Kroshka

    Пользователь

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

Отправлено 22 Январь 2012 - 02:13

Пожалуйста, допишите в первые посты темы, что для корректного отображения кнопки "мне нравится" в контакте, сначала нужно нажать "open API" http://vk.com/develo...php?o=-1&p=Like и создать приложение в контакте. Там получить ID, и его вставить в сгенерированный код. А то приходится читать всю тему, и так и нет четкой инструкции.......

Ребят, все замечательно, но найти нужную инфу на форуме просто нереально, сделайте FAQ, пожалуйста, неудобно! По возникающим вопросам приходится гулять по ссылкам из темы в тему на форуме, не у всех же время на это есть ... Спасибо!

#52 Snedi

Snedi

    Пользователь

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

Отправлено 08 Февраль 2012 - 14:16

народ помогите прописываю код сгенерированный
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://userapi.com/j...s?47"></script>

<script type="text/javascript">
  VK.init({apiId: 2794446, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "full"});
</script>
на странице высвечивает (Please specify correct base domain name in app)

#53 Vaccina

Vaccina

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

  • Модераторы
  • 23 864 сообщений

Отправлено 08 Февраль 2012 - 21:37

Думаю с данным вопросом вам лучше обратиться в службу поддержки данного скрипта. Возможно вы не выполнили какие-то настройки.

#54 smit

smit

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

  • Пользователи
  • PipPipPip
  • 144 сообщений
  • ГородСПб

Отправлено 09 Февраль 2012 - 03:19

как вставить вот этот виджет?
Пробовал тупо перед <!-- Если в тарифном плане подключен модуль отзывов о товаре -->
  {% IF TARIFF_FEATURE_GOODS_OPINION %} в товарах - не работает.

#55 smit

smit

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

  • Пользователи
  • PipPipPip
  • 144 сообщений
  • ГородСПб

Отправлено 09 Февраль 2012 - 03:54

И вот с этим разобратья не могу. Получается что высвечивается левая группа. Свою запилить не получается..

#56 Dest12

Dest12

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

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

Отправлено 06 Март 2012 - 20:50

Скрипт вставился
Но скажите, куда тег вписать чтобы, чуточку ниже он стал)
                
 <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?48"></script>
   {% ENDIF %}

				  {% ENDIF %}
<!-- VK Widget -->
<div id="22262973"></div>
<script type="text/javascript">
VK.Widgets.Group("22262973", {mode: 0, width: "200", height: "290"}, 22262973);
</script>


#57 Dest12

Dest12

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

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

Отправлено 06 Март 2012 - 21:31

И еще
Виджет для Лайков
Вот код
<td class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %} colspan="2">
					{GOODS_MOD_DESCRIPTION}
<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?48"></script>

<script type="text/javascript">
  VK.init({apiId: 2841200, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "full"});
</script>
				  </td>
				</tr>
почему не отображается? вообще нечего нет

#58 Vaccina

Vaccina

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

  • Модераторы
  • 23 864 сообщений

Отправлено 07 Март 2012 - 21:53

Цитата

Скрипт вставился
Но скажите, куда тег вписать чтобы, чуточку ниже он стал)
И еще
Виджет для Лайков
Вот код почему не отображается? вообще нечего нет

Пожалуйста, сообщите ссылку на страницу где должен размещаться данный код, и где необходимо сместить код ниже. А так же более подробнее описать что и где должно смещаться.

#59 Dest12

Dest12

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

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

Отправлено 09 Март 2012 - 08:31

На всех страницах сайта, сбоку под каталогом, стоит виджет сообществ, по центру я смог его поставить
А как его немного опустить ниже)

#60 Vaccina

Vaccina

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

  • Модераторы
  • 23 864 сообщений

Отправлено 12 Март 2012 - 11:01

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

.leftmenu .compare {
  margin-bottom:20px;
}





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

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