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


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

вконтакте виджет

  • Вы не можете ответить в тему
Сообщений в теме: 18

#1 urag

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений
Репутация: 1
Начинающий

Отправлено 27 April 2014 - 06:10 AM

Чтобы добавить виджет вашей группы из социальной сети Вконтаке на сайт ShopCMS, сначала нужно,чтоб у вас была группа вконтакте :D

Заходим на страницу группы в соц.сети. В самом внизу нажимаем вкладку -Разработчикам==>>Авторизация и Виджеты
Прикрепленный файл  01.JPG   133.34К   33 Количество загрузок:
===>> Сообщества
Прикрепленный файл  02.JPG   140.82К   31 Количество загрузок:
==>> Выставляем настройки виджета (ширина,длина, цвета). Самое главное не забудьте указать ссылку на свою страницу :wub:
Прикрепленный файл  03.JPG   104.82К   15 Количество загрузок:
Эти настройки всегда можно исправить.
Прикрепленный файл  04.JPG   104.92К   14 Количество загрузок:
Копируем - код для вставки -
Прикрепленный файл  05.JPG   107.67К   9 Количество загрузок:
Входим в администрирование вашего сайта ShopCMS
Прикрепленный файл  06.JPG   158.54К   6 Количество загрузок:
==>> Управление Блоками
Прикрепленный файл  07.JPG   168.37К   4 Количество загрузок:
===>>> Добавляем новый Блок (внизу)
или жмём - Правка - на ненужном Блоке (уже существующем)
Прикрепленный файл  08.JPG   149.1К   10 Количество загрузок:
В окошке -Содержание Блока- в левом верхнем углу жмём -Источник-
Прикрепленный файл  09.JPG   132.42К   21 Количество загрузок:
вставляем сюда ранее скопированный - код для вставки -.
Прикрепленный файл  10.JPG   142.82К   55 Количество загрузок:
Ниже определяем местоположение виджета на вашем сайте (справа,слева, включен и т.д.)
Сохраняем и проверяем на сайте.
Прикрепленный файл  11.JPG   163.12К   59 Количество загрузок:
Все настройки виджета можно настраивать как вконтактах (каждый раз копирую) или в - управлении этим блоком- выставляя параметры вручную
  • 1

#2 egor

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

  • Download User
  • PipPipPip
  • 74 сообщений
Репутация: 0
Начинающий

Отправлено 25 May 2014 - 10:42 PM

делаю как вы говорите, но у меня на страницах не группа отображается, а просто код виджета..
  • 0

#3 egor

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

  • Download User
  • PipPipPip
  • 74 сообщений
Репутация: 0
Начинающий

Отправлено 26 May 2014 - 10:26 AM

Никто не подскажет, почему виджет не отображается? В чем может быть проблема?
  • 0

#4 egor

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

  • Download User
  • PipPipPip
  • 74 сообщений
Репутация: 0
Начинающий

Отправлено 26 May 2014 - 12:44 PM

Братцы уважаемые! Кто нибудь подскажет насчет виджета? Все перепробовал, но вместо виджета в блоке появляется код виджета.

Вот ссыла: http://shop.dezfarm.ru/
  • 0

#5 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 26 May 2014 - 03:56 PM

Все перепробовал, но вместо виджета в блоке появляется код виджета.

Попробуйте вставлять код в режиме редактора "Источник".
Обычно помогает :).

PS. Собственно, если читать инструкцию не через строку, то сложно не заметить фразу "В окошке -Содержание Блока- в левом верхнем углу жмём -Источник-"
  • 2
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#6 egor

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

  • Download User
  • PipPipPip
  • 74 сообщений
Репутация: 0
Начинающий

Отправлено 26 May 2014 - 04:26 PM

Все перепробовал, но вместо виджета в блоке появляется код виджета.

Попробуйте вставлять код в режиме редактора "Источник".
Обычно помогает :).

PS. Собственно, если читать инструкцию не через строку, то сложно не заметить фразу "В окошке -Содержание Блока- в левом верхнем углу жмём -Источник-"


Да делал я через источник, не помогает..((

Хммм... все таки через источник я пятой попытки удалось! ))
  • 0

#7 golftuning

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

  • Пользователи
  • PipPip
  • 18 сообщений
Репутация: 0
Начинающий

Отправлено 31 August 2014 - 10:08 PM

Поставил легко, разобрался быстро.
Спасибо Дмитрию за инструкцию!
  • 0

#8 etdnepr

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

  • Download User
  • PipPipPip
  • 101 сообщений
Репутация: 0
Начинающий

Отправлено 28 May 2015 - 10:26 PM

не подскажете в чем может быть косяк
вставляю виджет и вроде все ок, только ширина его не ставится та, что нужно. Какую ни ставлю ширину - все равно выступает за пределы колонки.
Прилагаю скрин и спасибо заранее:
Изображение
  • 0

#9 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 29 May 2015 - 10:34 AM

не подскажете в чем может быть косяк

Например (это предположение, а не утверждение), блок имеет миниммально возможную ширину и она больше, чем ширина бокового блока в шаблоне ShopCMS (обычно 192px, насколько помню). Скорее всего, это можно увидет firebug-ом.
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#10 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 29 May 2015 - 01:29 PM

Покажите скриншот страницы "Управления блоком" с кодом блока.
У меня без проблем вставился этот визард и с шириной 150px.
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#11 etdnepr

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

  • Download User
  • PipPipPip
  • 101 сообщений
Репутация: 0
Начинающий

Отправлено 29 May 2015 - 09:43 PM

Вот он

Прикрепленные файлы

  • Прикрепленный файл  vk2.jpg   252.62К   6 Количество загрузок:

  • 0

#12 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 30 May 2015 - 10:51 AM

Вот он

Хм.. Не вижу ничего критичного. Все верно, ширина указана 200.
Надо смотреть fiorebug-ом, что в реальности там получается и почему.
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#13 etdnepr

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

  • Download User
  • PipPipPip
  • 101 сообщений
Репутация: 0
Начинающий

Отправлено 30 May 2015 - 03:32 PM

Спасибо Вам! Вот и я смотрю, что вроде все параметры нормально указаны, а результат непонятный.
Если у Вас будет возможность глянуть - вот где это происходит ссылка.
  • 0

#14 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 30 May 2015 - 03:39 PM

Если у Вас будет возможность глянуть

Я и так уже глянул (сайт есть в скриншоте), но ведь там нет этого виджета. Не на что смотреть.
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#15 etdnepr

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

  • Download User
  • PipPipPip
  • 101 сообщений
Репутация: 0
Начинающий

Отправлено 30 May 2015 - 04:25 PM

аааа , блин. Торможу. Включил видимость администраторам. Ща включу для всех)) Сорри
  • 0

#16 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 31 May 2015 - 11:20 AM

В 962-й строке style.css у вас есть стиль iframe {min-width:320px;max-width:600px;}. Т.е. любой (любой!) iframe будет иметь ширину не меньше 320px и не больше 600px. Виджет контакта выводится в iframe, поэтому вы получаете его ширину равную min-width, а не ту, которую задаете.
Разберитесь, где у Вас в шаблоне используется iframe (для чего-то ведь задана эта настройка?) и пропишите этому iframe какой-нибудь class или id соответствующим образом изменив style.css, чтобы эта настройка влияла только на нужный iframe (с id или классом), а не на все вообще.

PS. Учитесь пользоваться инструментами браузера. Правая кнопка мыши в ФайрФоксе и пункт "Исследовать элемент". Я дольше писал этот текст, чем искал причину проблемы :).
  • 1
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#17 etdnepr

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

  • Download User
  • PipPipPip
  • 101 сообщений
Репутация: 0
Начинающий

Отправлено 31 May 2015 - 11:44 AM

Спасибо большое! Я смотрел через него, но не нашел причину(( Буду разбираться!

UPDATE: Готово! Еще раз спасибо!
  • 0

#18 Valentin

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

  • Assistent vsupport.club
  • PipPipPip
  • 146 сообщений
Репутация: 6
Начинающий
  • ГородШахты Ростовская область

Отправлено 03 June 2015 - 11:18 PM

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

Такое наблюдаю не только с виджетами, группы, комментариев от vk, но и от facebook, twitter, odnoklassniki включая кнопки лайк, ретвит и так далее.

Как можно сделать так, чтобы социальные сети не тормозили загрузку сайта??
В большенстве виснут firefox, sea monkey, а вот у chrome, chromium и яндекс браузера зависания нет, но страницы загружаются гораздо дольше, чем без виджетов.
Даже не хочется представлять с какой скоростью грузятся страницы, если у посетителя скорость инета менее 5 MB, когда при 10 MB и то возникает желание закрыть сайт.
  • 0
Социально-информационный проект Nvda.ru о бесплатной программе экранного доступа Nvda для незрячих и слабовидящих.
С уважением ко всем Valentin-Kupriyanov.ru

#19 Paitor

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

  • Download User
  • PipPip
  • 21 сообщений
Репутация: 0
Начинающий

Отправлено 12 July 2015 - 07:30 PM

У меня виджет отображается 2 раза =(
  • 0