Установка Вконтакте
#1
Отправлено 13 Март 2014 - 23:03
Аккаунт SL-271156
#2
Отправлено 14 Март 2014 - 03:30
<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
Отправлено 14 Март 2014 - 14:25
#4
Отправлено 14 Март 2014 - 17:28
SL-275276
#5
Отправлено 14 Март 2014 - 18:27
BARON (14 Март 2014 - 17:28) писал:
SL-275276
Чтобы сгенерировать код виджета "Сообщества" перейдите по ссылке: https://vk.com/dev/Community укажите ссылку на страницу вашей группы ВКонтакте. Так же на этой же странице Вы можете выбрать вид виджета, цвета и размеры.
Скопируйте полученный Код для вставки, и вставьте его в шаблоне HTML между строкой:
<!-- /Каталог товаров -->и строкой:
<!-- Недавно просмотренные товары -->Таким образом виджет разместится между каталогом и просмотренными товарами.
#6
Отправлено 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.
Ребят подскажите как поконкретнее включить коментарии под товар?
#7
Отправлено 08 Май 2014 - 11:50
#8
Отправлено 08 Май 2014 - 13:40
BARON (08 Май 2014 - 11:50) писал:
У вас неправильно сгенерирован код:
script type="text/javascript"> VK.init({ apiId: ВАШ_API_ID, onlyWidgets: true }); </script>
ВАШ_API_ID - тут должно быть значение
#9
Отправлено 14 Октябрь 2014 - 15:21
Аккаунт SL-310601
#12
Отправлено 14 Октябрь 2014 - 15:39
boktar (14 Октябрь 2014 - 15:31) писал:
<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
Отправлено 14 Октябрь 2014 - 15:47
А вот здесь ещё подскажите, как выравнять.
Сделать расстояние от виджета вк, до виджета инстагр, как от инсты до вы смотрели.
и по бокам тоже примерно выравнять.
#14
Отправлено 14 Октябрь 2014 - 16:11
boktar (14 Октябрь 2014 - 15:47) писал:
А вот здесь ещё подскажите, как выравнять.
Сделать расстояние от виджета вк, до виджета инстагр, как от инсты до вы смотрели.
и по бокам тоже примерно выравнять.
.gridPreview { width: 171px; margin-top: 10px; }
#15
Отправлено 14 Октябрь 2014 - 16:16
Danil (14 Октябрь 2014 - 16:11) писал:
.gridPreview { width: 171px; margin-top: 10px; }
по бокам примерно выравнило, а зазор между вк и инста отсутствует, подскажите код пожалуйста, где поменять можно.
и изменить расстояние между инста и вы смотрели, сделать такое, как между вк и каталогом.
спасибо!
#16
Отправлено 14 Октябрь 2014 - 17:11
boktar (14 Октябрь 2014 - 16:16) писал:
по бокам примерно выравнило, а зазор между вк и инста отсутствует, подскажите код пожалуйста, где поменять можно.
и изменить расстояние между инста и вы смотрели, сделать такое, как между вк и каталогом.
спасибо!
<div class="box recent">И замените на
<div class="box recent vismotreli">Далее в main.css вставьте код
.vismotreli { margin-top:10px; }
#17
Отправлено 14 Октябрь 2014 - 17:26
#20
Отправлено 14 Октябрь 2014 - 21:35
Danil (14 Октябрь 2014 - 21:31) писал:
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных