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


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

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

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

#1 happyshop

happyshop

    Новичок

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

Отправлено 30 Июль 2015 - 13:06

Как сделать виджет вконтакте на всю длину сайта?
http://trendyshops.storeland.ru/
SL-351220

Вместо О нас, Контакты, Виджет хочется видеться один широкий виджет коментарии из вк. Под ним широкий виджет группы вконтакте.

#2 Vaccina

Vaccina

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

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

Отправлено 31 Июль 2015 - 01:58

Виджет сообщества у вас уже присутсвует, может имеет смысл виджет комментариев расположить вместо станлартных на странице товара(расположить его необходимо в разделе Сайт - Редактор шаблонов - Товар)?
По данной ссылке вы можете сгенерировать код виджета: http://vk.com/dev/Comments
Сам по себе он фиксированный по размерам, после добавления имеется необходимость добавить стили, чтобы размер у него был резиновым.

#3 happyshop

happyshop

    Новичок

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

Отправлено 07 Август 2015 - 10:51

Как изменить стили? Нужно что бы виджет группы был на всю ширину. Как сделать виджет комментариев вместо стандартных? Там много "если", не совсем понимаю куда вставить код виджета, что бы он появился на всех товарах.

#4 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 07 Август 2015 - 11:04

Просмотр сообщенияhappyshop (07 Август 2015 - 10:51) писал:

Как изменить стили? Нужно что бы виджет группы был на всю ширину. Как сделать виджет комментариев вместо стандартных? Там много "если", не совсем понимаю куда вставить код виджета, что бы он появился на всех товарах.
Здравствуйте, найдите в шаблоне HTML
VK.Widgets.Group("vk_groups", {mode: 0, width: "250", height: "320", color1: 'FFFFFF', color2: '000001', color3: '5B7FA6'}, 48425944);
замените на


VK.Widgets.Group("vk_groups", {mode: 0, width: "440", height: "320", color1: 'FFFFFF', color2: '000001', color3: '5B7FA6'}, 48425944);


Уточните, где именно хотите располагать данный виджет, или вы хотите вместо отзывов установить виджет.

#5 novich0k

novich0k

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

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

Отправлено 30 Январь 2016 - 01:09

Простите, расскажите поэтапно пожалуйста, как вставить виджет вконтакте, который если я правильно понял будет выводить в группу сайта.

#6 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2016 - 01:13

Генерируете код виджета по ссылке: http://vk.com/dev/Community
Далее в шаблоне HTML(Сайт - Редактор шаблонов) вставляете его в необходимом для отображения месте(чтобы указать точное расположение в коде уточните пожалуйста, где вы хотите его разместить).

#7 novich0k

novich0k

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

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

Отправлено 30 Январь 2016 - 11:58

Просмотр сообщенияVaccina (30 Январь 2016 - 01:13) писал:

Генерируете код виджета по ссылке: http://vk.com/dev/Community
Далее в шаблоне HTML(Сайт - Редактор шаблонов) вставляете его в необходимом для отображения месте(чтобы указать точное расположение в коде уточните пожалуйста, где вы хотите его разместить).
Спасибо!
номер аккаунта SL-364269
Подскажите пожалуйста, хотел получить маленький значек)
А получил на пол страницы,

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

  • Безымянный1.png
  • Безымянный2.png


#8 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 01 Февраль 2016 - 09:26

Просмотр сообщенияnovich0k (30 Январь 2016 - 11:58) писал:

Спасибо!
номер аккаунта SL-364269
Подскажите пожалуйста, хотел получить маленький значек)
А получил на пол страницы,


Здравствуйте, уточните, Вам всё еще нужно добавить иконки соц. сетей?

#9 novich0k

novich0k

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

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

Отправлено 01 Февраль 2016 - 18:11

Просмотр сообщенияЮля123 (01 Февраль 2016 - 09:26) писал:

Здравствуйте, уточните, Вам всё еще нужно добавить иконки соц. сетей?
Да, помогите пожалуйста)

#10 MikDark

MikDark

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

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

Отправлено 01 Февраль 2016 - 20:31

Просмотр сообщенияnovich0k (01 Февраль 2016 - 18:11) писал:

Да, помогите пожалуйста)

Вам нужно просто найти в интернете иконку ВК и загрузить ее в раздел Сайт - Файлы. Далее в шаблоне HTML вместо кода виджета ВК добавьте:
<div><a href="Ссылка на группу ВК" target="_blank" style="width:40px;"><img src="Ссылка на иконку ВК"></a></div>


#11 novich0k

novich0k

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

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

Отправлено 02 Февраль 2016 - 21:14

Просмотр сообщенияMikDark (01 Февраль 2016 - 20:31) писал:

Вам нужно просто найти в интернете иконку ВК и загрузить ее в раздел Сайт - Файлы. Далее в шаблоне HTML вместо кода виджета ВК добавьте:
<div><a href="Ссылка на группу ВК" target="_blank" style="width:40px;"><img src="Ссылка на иконку ВК"></a></div>
Спасибо)

#12 DOGGED

DOGGED

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

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

Отправлено 21 Февраль 2016 - 23:21

http://fforums.ru/vi...9Безымянный.png КАК УБРАТЬ НЕНУЖНЫЕ ЗНАЧИКИ

#13 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 23 Февраль 2016 - 10:33

Просмотр сообщенияDOGGED (21 Февраль 2016 - 23:21) писал:

http://fforums.ru/vi...9Безымянный.png КАК УБРАТЬ НЕНУЖНЫЕ ЗНАЧИКИ

Здравствуйте. В редакторе шаблонов, в шаблоне main.css замените строку:
#footer-middle ul.sns-social {color: #000;font-size: 18px;}
на:
#footer-middle ul.sns-social {color: #000;font-size: 18px; display: none;}






Темы с аналогичным тегами виджет шоколад, контакт

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

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