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


Установка Вконтакте

Автор s-eye, 13 марта 2014 23:02

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

#1 s-eye

s-eye

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

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

Отправлено 13 Март 2014 - 23:03

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

Аккаунт SL-271156

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

  • Безымянный.jpg

#2 Vaccina

Vaccina

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

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

Отправлено 14 Март 2014 - 03:30

В шаблоне HTML замените:
<div class="block">
на:
<div class="block one_fourth last column">
(данный блок находится на месте, куда вы вставляли виджеты)
а виджет от ВК вставьте перед:
</div>  
		<div class="clear"></div>
	  </div>
	</div>
	<div id="powered">
сл.образом:
<div class="block one_fourth last column">
код виджета от вк
</div>

#3 s-eye

s-eye

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

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

Отправлено 14 Март 2014 - 14:25

благодарю, все получилось

#4 BARON

BARON

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

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

Отправлено 14 Март 2014 - 17:28

Админы подскажите как мне вообще подключить данный виджет вконтакте (обьединить сайт с группой). Сразу поясню хочу что бы группа отражалась между каталогом товаров слева и просмотренными товарами. Как это сделать ? напишите попадробнее.
SL-275276

#5 daria_dnk

daria_dnk

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

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

Отправлено 14 Март 2014 - 18:27

Просмотр сообщенияBARON (14 Март 2014 - 17:28) писал:

Админы подскажите как мне вообще подключить данный виджет вконтакте (обьединить сайт с группой). Сразу поясню хочу что бы группа отражалась между каталогом товаров слева и просмотренными товарами. Как это сделать ? напишите попадробнее.
SL-275276
Все виджеты ВКонтакте можно посмотреть по адресу https://vk.com/dev/sites.
Чтобы сгенерировать код виджета "Сообщества" перейдите по ссылке: https://vk.com/dev/Community укажите ссылку на страницу вашей группы ВКонтакте. Так же на этой же странице Вы можете выбрать вид виджета, цвета и размеры.
Скопируйте полученный Код для вставки, и вставьте его в шаблоне HTML между строкой: 
<!-- /Каталог товаров -->
и строкой:
<!-- Недавно просмотренные товары -->
Таким образом виджет разместится между каталогом и просмотренными товарами.

#6 BARON

BARON

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

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

Отправлено 04 Май 2014 - 13:06

Добавить на Ваш сайт виджет комментариев ВКонтакте можно в три шага:

1. В тег <head> на странице Вашего сайта необходимо добавить следующий код:


<script src="//vk.com/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script>



2. В тело страницы сайта необходимо добавить следующий код:


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



Более подробно про инициализацию транспорта читайте в разделе Open API.

3. В тело страницы необходимо добавить элемент DIV, в котором будут отображаться комментарии, задать ему уникальный id и добавить в него код инициализации виджета. Например:


<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments('vk_comments');
</script>



Приведенный код добавляет блок комментариев стандартного вида: изначально отображаются 10 последних комментариев. Ширина блока будет подобрана автоматически исходя из положения элемента с id="vk_comments". Идентификатор странице будет задан по её URL.
Ребят подскажите как поконкретнее включить коментарии под товар?

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

  • коментарии.JPG

#7 BARON

BARON

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

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

Отправлено 08 Май 2014 - 11:50

как мне установить коментарии с контакта? выше в сообщении указал код который не пойму куда нужно вставить?

#8 MikDark

MikDark

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

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

Отправлено 08 Май 2014 - 13:40

Просмотр сообщенияBARON (08 Май 2014 - 11:50) писал:

как мне установить коментарии с контакта? выше в сообщении указал код который не пойму куда нужно вставить?

У вас неправильно сгенерирован код:

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

ВАШ_API_ID - тут должно быть значение

#9 boktar

boktar

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

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

Отправлено 14 Октябрь 2014 - 15:21

Подскажите пожалуйста, как виджет в подвале перенести в правый угол.
Аккаунт SL-310601

#10 MikDark

MikDark

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

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

Отправлено 14 Октябрь 2014 - 15:25

Просмотр сообщенияboktar (14 Октябрь 2014 - 15:21) писал:

Подскажите пожалуйста, как виджет в подвале перенести в правый угол.
Аккаунт SL-310601

Изменения произвели, посмотрите.

#11 boktar

boktar

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

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

Отправлено 14 Октябрь 2014 - 15:31

Просмотр сообщенияMikDark (14 Октябрь 2014 - 15:25) писал:

Изменения произвели, посмотрите.
спасибо, но хотелось бы сделать как на скрине в правый угол верхний

#12 Danil

Danil

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

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

Отправлено 14 Октябрь 2014 - 15:39

Просмотр сообщенияboktar (14 Октябрь 2014 - 15:31) писал:

спасибо, но хотелось бы сделать как на скрине в правый угол верхний
В шаблоне html найдите код 
	 <div class="one_fourth last column">
		  <h4>Контакты</h4>
		  <div class="footer_links">
			{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_email">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
			{% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}   
</div>
<div class="block one_fourth last column">
<!-- www.instget.com -->
<iframe src="http://www.instget.com/widget/?w=317a3861bc236596ed9a064bdce87d8f" allowTransparency="true" frameborder="0" scrolling="no" style="border: none; overflow: hidden; width: 215px; height: 215px;"></iframe>
<noscript><a href="http://www.instget.com">instagram widget</a></noscript>
		  </div>
		  </div>
	<div class="clear"></div>
	  </div>

	</div>

И замените на 
<div class="one_fourth last column">
		  <h4>Контакты</h4>
		  <div class="footer_links">
			{% IF SETTINGS_STORE_WORK_TIME %}<span class="footer_time"  title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span class="footer_phone">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<span class="footer_email">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span>{% ENDIF %}
			{% IF SETTINGS_STORE_SKYPE %}<span class="footer_skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span>{% ENDIF %}
			{% IF SETTINGS_STORE_ICQ %}<span class="footer_icq">{SETTINGS_STORE_ICQ}</span>{% ENDIF %}  
</div>
		  </div>
		  <div class="block one_fourth last column">
<!-- www.instget.com -->
<iframe src="http://www.instget.com/widget/?w=317a3861bc236596ed9a064bdce87d8f" allowTransparency="true" frameborder="0" scrolling="no" style="border: none; overflow: hidden; width: 215px; height: 215px;"></iframe>
<noscript><a href="http://www.instget.com">instagram widget</a></noscript>
		  </div>
	<div class="clear"></div>
	  </div>
	</div>

#13 boktar

boktar

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

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

Отправлено 14 Октябрь 2014 - 15:47

Спасибо, всё получилось!
А вот здесь ещё подскажите, как выравнять.
Сделать расстояние от виджета вк, до виджета инстагр, как от инсты до вы смотрели.
и по бокам тоже примерно выравнять.

#14 Danil

Danil

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

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

Отправлено 14 Октябрь 2014 - 16:11

Просмотр сообщенияboktar (14 Октябрь 2014 - 15:47) писал:

Спасибо, всё получилось!
А вот здесь ещё подскажите, как выравнять.
Сделать расстояние от виджета вк, до виджета инстагр, как от инсты до вы смотрели.
и по бокам тоже примерно выравнять.
В main.css добавьте код 
.gridPreview {
width: 171px;
margin-top: 10px;
}

#15 boktar

boktar

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

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

Отправлено 14 Октябрь 2014 - 16:16

Просмотр сообщенияDanil (14 Октябрь 2014 - 16:11) писал:

В main.css добавьте код
.gridPreview {
width: 171px;
margin-top: 10px;
}
добавил, но не помогло
по бокам примерно выравнило, а зазор между вк и инста отсутствует, подскажите код пожалуйста, где поменять можно.
и изменить расстояние между инста и вы смотрели, сделать такое, как между вк и каталогом.
спасибо!

#16 Danil

Danil

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

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

Отправлено 14 Октябрь 2014 - 17:11

Просмотр сообщенияboktar (14 Октябрь 2014 - 16:16) писал:

добавил, но не помогло
по бокам примерно выравнило, а зазор между вк и инста отсутствует, подскажите код пожалуйста, где поменять можно.
и изменить расстояние между инста и вы смотрели, сделать такое, как между вк и каталогом.
спасибо!
В шаблоне html найдите код
	 <div class="box recent">
И замените на
	 <div class="box recent vismotreli">
Далее в main.css вставьте код
.vismotreli {
margin-top:10px;
}

#17 boktar

boktar

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

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

Отправлено 14 Октябрь 2014 - 17:26

Спасибо, а вот это: сделать зазор между вк и инста и отцентровать виджет инстаграма.

#18 boktar

boktar

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

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

Отправлено 14 Октябрь 2014 - 21:19

Просмотр сообщенияboktar (14 Октябрь 2014 - 17:26) писал:

Спасибо, а вот это: сделать зазор между вк и инста и отцентровать виджет инстаграма.
кто нибудь может помочь?

#19 Danil

Danil

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

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

Отправлено 14 Октябрь 2014 - 21:31

Просмотр сообщенияboktar (14 Октябрь 2014 - 21:19) писал:

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

#20 boktar

boktar

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

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

Отправлено 14 Октябрь 2014 - 21:35

Просмотр сообщенияDanil (14 Октябрь 2014 - 21:31) писал:

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


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Весна
  5. → Изменение общей стилистики
  6. Privacy Policy